How To Set A Maximum Site Width
carloxp
Hello everyone,
I would like my Joomla site to have a fixed maximum width of 1670px, centered in the browser. I’ve tried several CSS tweaks on different wrappers, but so far I haven’t been able to achieve the result.
What’s the best way to make sure the site never exceeds 1670px in width, while keeping it responsive?
Thank you very much for your help!
Carlo
Website: https://staging.vivaioilpolliceverde.it
Environment:
Template: Eleva
Helix Ultimate
SPPB 5.7.2
Joomla 5.3.3
Rashida Rahman
Accepted AnswerYou're welcome:)
It is looking just fine at my end. Please check the screenshots...
The whole contents are within the max width range: https://share.cleanshot.com/s80KJnll
Even the decorative flowers are also inside the 1470 px frame:https://share.cleanshot.com/nhm2pbZ4
Please share screenshot indicating where you have an issue.
Best regards,
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out.
Do you want it for the body only, or for header footer also?
Best regards,
carloxp
Accepted AnswerHello Rashida.
I need set a width of 1670px everywhere. Includingt menu bar, header, body and footer.
Thank you.
Carlo
Rashida Rahman
Accepted AnswerThanks Carlo.
Please check now! I have used the following code in your custom CSS field:
.body-innerwrapper, #sp-header.header-sticky {
max-width: 1670px;
margin: 0 auto;
left: auto;
}Best regards,
carloxp
Accepted AnswerDear Rashida,
thank you very much for your reply.
I set the max-width to 1470px just to make the limitation more visible, but it doesn’t seem to work as expected.
The menu bar still looks wider than that.
The body remains around 1670px instead of the temporary 1470px, and the decorative leaves are still outside the margins.
Is there a more precise way to control this?
Thanks again, Rashida.
carloxp
Accepted AnswerHello Rashida
thank you very much. I will try to understand why I don't see the changes, maybe the cache...
Meanwhile, I thank you for the help and for the effort!
Best regards,
Carlo