Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1154596

    Hi Team,

    I am currently developing a site and am stuck on trying to remove the padding on mobile.

    Please check the private content for a link to the page.

    On desktop the site looks just as I want it to, however on mobile there is 8% padding to the left and right on the 1/2-cells that I cant seem to get rid of…I have tried all snippets touching the same topic from the forum but nothing has worked so far. Basically I want all images to be full width – minus the 15px padding I have on <body>.

    I would really appreciate help.

    Thanks

    #1154847

    Hey jayvee1982,

    On mobile the container element has a max-width, that is why it’s not going full width. If you want to change that then you would have to make the entire site go full width on mobile. If that is not what you are referring to then please try to explain a bit further or post a screenshot highlighting what you would like to change.

    Best regards,
    Rikard

    #1154883

    Hi,

    please see my attached image to see what I am trying to achieve. The CSS is coming from the base grid.css. I have tried a media query in the Quick CSS as well as in the child CSS but the changes are not aplpied – not after emptying the cache and also not in incognito mode. All I need to do is to get rid of the 8% padding L&R on mobile, but keep it on desktop.

    Thanks for your continued help.

    #1154963

    Hi jayvee1982,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all .av-flex-cells .no_margin {
          padding-left: 0% !important;
          padding-right: 0% !important;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1154980

    Hi Victoria,

    your code solved it! I tried nearly the exact same thing but was missing ‘.no_margin’ so of course it couldn’t work. Thank you so much for your insight and help.

    This topic can be closed.

    #1155153

    Hi,

    Great, I’m glad that Victoria could help you out and thanks for the feedback. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Remove padding on mobile’ is closed to new replies.