My website does not fit monitor/laptop screens

Store Design
1

Hi guys, my theme is Broadcast. I’m trying to make my pictures along with the texts on it to fit my laptop screens and other monitors. It looks fine when I’m on the customization page. For example, this is how it looks like when it’s published:

FAZIZI_0-1683161376186.png
FAZIZI_0-1683161376186.png2232×1263 279 KB

But this is how I want it to look like when I’m editing it:

FAZIZI_1-1683161419454.png
FAZIZI_1-1683161419454.png1632×1123 232 KB

Any suggestions? My website is: https://azizijewellers.com/

2

Hey I tried this and it didn’t work, still looks the same

FAZIZI_0-1683163196776.png
FAZIZI_0-1683163196776.png2099×1167 330 KB

3

Hello @FAZIZI

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.main-content {
    max-width: 1800px;
    margin: 0 auto;
}
4

@oscprofessional Hey there, I don’t have base.css in my broadcast theme.

5

Hello @FAZIZI

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.