[Resolved] Delete Space on Mobile between Navigation & Top

Home Forums Support [Resolved] Delete Space on Mobile between Navigation & Top

Home Forums Support Delete Space on Mobile between Navigation & Top

  • This topic has 7 replies, 3 voices, and was last updated 3 years ago by Tom.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #548135
    Ivan

    Hello on the mobile version of my website there is a space above the navigation.

    Look here: https://i.imgur.com/I18d8Wr.png

    I found out it is the .inside-header so i add this code.

    .inside-header {
        padding: 0px 40px 0px 40px;
    }

    On the Browser preview it works, the space aboe the navigation disapears, but when i add the code to the Custom CSS nothing is changing. Why?

    #548501
    Leo
    Staff
    Customer Support

    Hi there,

    Can you link me to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know ๐Ÿ™‚

    #548605
    Ivan

    I add the Link. Thank you

    #548838
    Leo
    Staff
    Customer Support

    Hmm your code should work. However I’m not seeing it being added.

    Any caching plugins?

    Also if there are other CSS in custom CSS above, make sure there are no errors which stop the code from executing.

    Let me know.

    #548908
    Ivan

    The code is added but nothig happens here look this is the custom CSS.

    @media (min-width: 769px) {
      .site-header {
        display: none;
      }
    	
    .inside-header {
        padding: 0px 40px 0px 40px;
    }
    
    .gen-sidebar-nav  {
        width: 250px;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        opacity: 1;
        background-color: #222C3C;
        background-repeat: no-repeat;
        background-position: top center;
        border-style: hidden;
        border-top-width: 5px;
        border-top-style: solid;
        border-top-color: #0A9E01;
      }
    
      .footer-widgets {
        padding-left: 20%;
      }
    
      .site-info {
        padding-left: 20%;
      }
    }
    
    .main-navigation .main-nav ul li[class*="current-menu-"] > a {
        box-shadow: inset 3px 0 0 0 #00a8ff;
    }

    I use a Caching plugin also.

    #548969
    Tom
    Lead Developer
    Lead Developer

    That code is inside the media query, so it will only apply on desktop.

    Try adding it to the very bottom of your custom CSS.

    Alternatively, you can set the top padding to 0 in Customize > Layout > Header.

    #548976
    Ivan

    Thank you Tom, it works now!

    #549375
    Tom
    Lead Developer
    Lead Developer

    Awesome – no problem! ๐Ÿ™‚

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