Remove white space on mobile

  • Resolved camillabruhn

    (@camillabruhn)


    6 years ago

    Hello

    My website is almost ready to go live, but I have one issue that I can’t seem to fix – I’ve googled for several days and tried hundreds of .css snippets that I’ve found on different forums…

    When I open the site on mobile, there is a white block above the header. On desktop, the menu is inside the header, but on mobile, the menu is in a white space above the header. How do I remove this white space???

    I have installed the “Simple Custom CSS” plugin for .css snippets.

    Thanks 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • gatani

    (@gatani)

    6 years ago

    Hi there,

    Could you please share the page URL?

    Thread Starter camillabruhn

    (@camillabruhn)

    6 years ago

    Of course, sorry! 🙈
    It’s runmore.dk 🙂

    Animesh Gaurav (a11n)

    (@bizanimesh)

    6 years ago

    Hi @camillabruhn

    Please go to Appearance >> Customize >> Additional CSS section in your WordPress Admin Area and paste the below CSS there:

    .gt-mobile-header .gt-logo.gt-text-logo a {
    color: #fff;
}

.gt-mobile-header {
   background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
   position: absolute;
   box-shadow: none;
}

.gt-mobile-header .gt-menu-icon svg {
    fill: #fff;
}

    This would solve the issue.

    Let me know if you have any more questions, comments, or concerns. 🙂

    Thread Starter camillabruhn

    (@camillabruhn)

    6 years ago

    Thank you so much! Have a great day 🙂

    Animesh Gaurav (a11n)

    (@bizanimesh)

    6 years ago

    Have a great day

    You too!! Glad to help. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Remove white space on mobile’ is closed to new replies.