Hi guys,
Got a question regarding the general website padding on the mobile viewport. Is there a way to decrease the general (left and right) padding of the website on mobile devices. Hereby I mean the full wrapper, compared to other websites I noticed that enfold has slightly large general side paddings. We would like to utilize more of this space by narrowing this padding.
Kind regards
S
Hey Enfoldfanatic,
Could you post a link to the site in question, so that we can have a closer look please?
Best regards,
Rikard
Hi Rikard,
Please find a URL + screenshot with highlighted areas in the private content.
Regards,
S
Hi S,
Please try to add this CSS Code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) {
.responsive #top #wrap_all .container {
width: 90%;
max-width: 90%;
}
}
The default value is 85%, just adjust the value as you see fit.
Hope it helps.
Best regards,
Nikko
Hi Nikko,
Just perfect, thanks for your help.
Kind Regards,
S
Hi,
Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi Rikard,
Feel free to close it, thanks!
Regards,
S
Hi,
Thanks for letting us know, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard