Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 24, 2018 at 7:36 pm #1026068
    elsadenmark

    Hi there,

    I have an issue with a whitespace still being shown on mobile screen (iPhone 7) although I have have ticked of the little checkbox where it says “hide on smaller screens”.

    Hopefully you can help.

    Best regards
    Jerome

    October 26, 2018 at 11:51 am #1026733
    Victoria

    Hey elsadenmark,

    Please let us know if you want us to help you adjust margins and paddings.

    Best regards,
    Victoria

    October 29, 2018 at 1:15 am #1027360
    elsadenmark

    I might have described the issue somewhat badly. The issue remains – the whitespace is still shown on mobile devices although I have checked the little checkbox where it says “hide on mobile screens” – please see attached screenshot.

    The second link shows a screenshot where I simply removed the whitespace and in the screenshot you can see, that there is less space once I removed the whitespace element.

    Best regards
    Jerome

    October 30, 2018 at 3:29 pm #1028069
    Nikko

    Hi elsadenmark,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

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

  .home #av_section_1 .av-special-heading {
    margin-top: 30px;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    November 11, 2018 at 2:56 am #1032127
    elsadenmark

    Worked perfectly. Thanks Nikko!!

    November 12, 2018 at 8:05 am #1032447
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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