Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 8, 2020 at 4:10 pm #1259120
    megagigawatt

    Hi there

    When using mobile there is a very large gap between the header and my first piece of content which is an image, how can I reduce the padding between these please

    Thanks in advance

    November 9, 2020 at 6:36 am #1259182
    Nikko

    Hi megagigawatt,

    Please try to add this CSS code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .home #main .content.av-content-full {
    padding: 0;
  }
}

    Best regards,
    Nikko

    November 9, 2020 at 2:33 pm #1259264
    megagigawatt

    Thanks for getting back to me with this

    Still seems to have a very large gap, I tried also adding the code directly to the custom.css but no luck

    Padding header to content

    Ideally would also like to reduce the distance on the sides as well

    Thanks in advance

    November 9, 2020 at 2:43 pm #1259270
    megagigawatt

    I take that back, it has worked now

    Image still seems a little small though, is there anyway to get it to fill the area better, bring it closer to the edges and still closer to the header?

    Thanks again in advance

    November 9, 2020 at 7:32 pm #1259361
    Victoria

    Hi megagigawatt,

    We cannot see the screenshot. You can upload screenshots to a service like Dropbox or http://imgur.com and give us the links here.

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    November 10, 2020 at 10:30 pm #1259667
    megagigawatt

    Hi there

    I would like to reduce the distance between the initial image and the header, sides and second piece of content on the website please

    Image attached in private content area, thank you again

    November 11, 2020 at 4:41 am #1259755
    Nikko

    Hi,

    Can you try to replace this code I gave:

    @media only screen and (max-width:767px) {
  .home #main .content.av-content-full {
    padding: 0;
  }
}

    to:

    @media only screen and (max-width:767px) {
  .home #main .content.av-content-full {
    padding: 0;
  }

  .responsive #top.home #wrap_all .container {
    width: 90%;
    max-width: 90%;
  }

  #top .no-content-slider-heading {
    display: none;
  }
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.