When i set site max width to 1920px and section content max width to 1240px but when i zoom out the page

when i set site max width to 1920px and section content max width to 1240px but when i zoom out the page then some section moved to left i want that all sections are in 1240px max width and centered aligned . like on this page https://ffstaging.ehob.com/


all nessasary information in security notes.

Hey Ketan,

Thanks for reaching out!

I’ve checked your website and it is hard for us to determine your issue. That being said, would you mind sharing more information? Proving videos is a great help.

i just want that on this page https://ffstaging.ehob.com/


on the second section {product that word}

the right side grey box is not extent , i want that the box is inside the 1240 max width from right side…no matter how can we view on larger screens.

the grey box should aligned with uper image of first section.

Hello Ketan,

In each of your SECTION elements, DO NOT add left/right padding or margins. This can break the layout in other device screens. In your ROW element make sure that the margin left/right is set to auto. Only apply paddings in your columns.

Hope this makes sense.

on the second section{product that work} i want that from left side the grey color is infinity stretch and from the right side the grey color should not stretch its stays under 1240px {that is aligned with the uper section image}

any update?

Hi Ketan,

I have checked your website, and what I can understand is that the image in the mentioned section is not full as the column is set to maximum width. I would suggest you remove that and check if that resolves your problem or not.

Thanks

can you pls elaborate what i have to do! with screenshort

Hi Ketan,

You can set 100% or none instead of 505px as shown in the given screenshot.

Hope it helps.
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.