Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 7, 2019 at 12:27 pm #1154596
    jayvee1982

    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

    November 8, 2019 at 5:55 am #1154847
    Rikard

    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

    November 8, 2019 at 9:49 am #1154883
    jayvee1982

    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.

    November 8, 2019 at 12:38 pm #1154963
    Victoria

    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

    November 8, 2019 at 1:27 pm #1154980
    jayvee1982

    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.

    November 9, 2019 at 4:53 am #1155153
    Rikard

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Remove padding on mobile’ is closed to new replies.