Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 7, 2019 at 10:47 am #1108232
    jscarlett

    Hi

    How do I remove the white gap between the main menu and the horizontal red bar please?

    Rhythmic Gymnastics Club and Acrobatics

    Thanks

    Jane

    June 7, 2019 at 4:42 pm #1108287
    tjswarbs78

    Hi,

    It would appear there is some padding on the header that is pushing the main content down.

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 159px;
}

    Adding that closes the gap on all pages. It does slightly move the content on the main page (where there is no colored bar) up by about 4px
    The code can be added to the quick css panel.

    Hope that helps

    TJ

    June 8, 2019 at 1:01 am #1108349
    Jordan Shannon

    Hi,

    Thanks for the tip! Hopefully it will help her!

    Best regards,
    Jordan Shannon

    June 8, 2019 at 6:13 pm #1108468
    jscarlett

    Thank you TJ that worked but I had to add an !important so all good now.

    Jane

    June 9, 2019 at 4:20 am #1108537
    Rikard

    Hi Jane,

    Great, I’m glad that you got it working and thanks to @tjswarbs78 for helping out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 10, 2019 at 1:53 am #1108723
    jscarlett

    Hi Rikard
    I spoke to soon – the gap disappeared but a new large space then appeared under the header in mobile view so I have removed the code.
    Is there another option that won’t affect the mobile view please?
    Thanks
    Jane

    June 10, 2019 at 4:23 am #1108736
    Rikard

    Hi Jane,

    Thanks for the update, though I can’t see any large spaces under the header on mobile. In which browser/device are you seeing that? Please make sure that you are not getting cached results by checking in an incognito window using Chrome for instance.

    Best regards,
    Rikard

    June 10, 2019 at 2:16 pm #1108827
    jscarlett

    Hi Rikard

    That is because I removed the code.
    I have added it again and so you can see on a mobile (iphone) the white space before the content.

    Thanks

    Jane

    June 10, 2019 at 2:39 pm #1108831
    jscarlett

    …there is also a grey border line between the main menu and the content that is much more evedent when the gap is gone. It would be great to be able to remove that border as well if that’s possible?

    Thanks

    jane

    June 11, 2019 at 12:23 am #1108940
    Jordan Shannon

    Hi,

    To remove the space on mobile add this to quick css:

    @media only screen and (max-width: 767px)  {
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0px!important;
}}

    Best regards,
    Jordan Shannon

    June 11, 2019 at 10:28 pm #1109298
    jscarlett

    Thanks Jordan that worked!

    June 12, 2019 at 7:07 am #1109391
    Rikard

    Hi,

    Great, I’m glad that Jordan could help you out. 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 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.