Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1259120

    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

    #1259182

    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

    #1259264

    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

    #1259270

    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

    #1259361

    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

    #1259667

    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

    • This reply was modified 4 years, 1 month ago by megagigawatt.
    #1259755

    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

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