Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1424799

    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

    #1424803

    Hey Enfoldfanatic,

    Could you post a link to the site in question, so that we can have a closer look please?

    Best regards,
    Rikard

    #1424821

    Hi Rikard,

    Please find a URL + screenshot with highlighted areas in the private content.

    Regards,
    S

    #1424846

    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

    #1424880

    Hi Nikko,

    Just perfect, thanks for your help.

    Kind Regards,
    S

    #1424893

    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

    #1424896

    Hi Rikard,

    Feel free to close it, thanks!

    Regards,
    S

    #1424905

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘General website padding on mobile viewport’ is closed to new replies.