Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 24, 2020 at 7:21 pm #1178198
    zonkbros

    Good evening,

    right now my homepage is actually looking quite okay for desktop… but if I switch to mobile/tablet the whitespaces seem to “explode”.
    So: Which sections do I need to edit?

    Thanks in advance! :)

    January 25, 2020 at 12:14 pm #1178340
    Rikard

    Hey zonkbros,

    Which white space in particular are you looking to remove? Please try to as specific as possible.

    Best regards,
    Rikard

    January 28, 2020 at 11:56 am #1178971
    zonkbros

    Hey Rikard,

    as you can see in the picture: Every whitespace between a preceding text block and a subsequent H2-Heading differs slightly.
    If I use a button, the whitespaces seem to be fine.

    Best,
    zonkbros

    January 29, 2020 at 6:54 am #1179297
    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS:

    @media only screen and (max-width: 767px) {
.av-special-heading {
    margin-top: 0 !important;
}
}

    Best regards,
    Rikard

    January 29, 2020 at 10:21 am #1179344
    zonkbros

    Hey Rikard, thanks for your help. This worked so far!
    In the attached Image I marked some more spaces I want to “control”.
    Can you maybe give me a hint on how to change these? Especially for 2 and 4 I have no clue were they are coming from.

    • This reply was modified 4 years, 7 months ago by zonkbros.
    January 30, 2020 at 6:50 am #1179707
    Rikard

    Hi,

    Thanks for that. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.hr {
    margin: 0;
}
.av-special-heading {
    padding-bottom: 0;
}
}

    Best regards,
    Rikard

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