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
You'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,
Hi there!
Thanks for reaching out.
Do you want it for the body only, or for header footer also?
Best regards,
Hello Rashida.
I need set a width of 1670px everywhere. Includingt menu bar, header, body and footer.
Thank you.
Carlo
Thanks 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,
Dear 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.
Hello 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
Dear Carlo,
You are always welcome.
Please clear your browser caches deeply or try to check it with the incognito mode. Hope it helps!
Have a nice day:)