[Resolved] Centre Mobile Navigation Logo

Home Forums Support [Resolved] Centre Mobile Navigation Logo

Home Forums Support Centre Mobile Navigation Logo

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #918117
    Jefri

    Hello,

    Two things:

    1. On the mobile version of the website, the navigation logo (sticky) is sliding to the left and not center aligned. How do I fix this?

    2. When I flip my galaxy s9 phone sideways the hamburger menu disappears and I get a two line primary navigation. How do I make it such that the navigation does not do this?

    My current settings is nav location above header, navigation alignment centre, and navigation logo sticky+static.

    My current CSS:

    /*
    .menu-logo .main-navigation:not(.mobile-header-navigation) .menu-toggle {
        width: 100%;
        float: none;
    }
    
    #generate-slideout-menu {
        width: 170px;
    	background-color: #000;
    }
    
    .main-navigation.navigation-stick {
        background-color: #000;
     	padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    
    	}
    
    .menu-toggle {
    	padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    	margin-top: -30px;
    	margin-bottom: 0px
    
    }
    @media screen and (min-width: 800px) {
      
    .main-navigation .nav-button a {
    	border: 2px solid #ffd800;
        border-radius: 5px;
        background-color: #ffd800;
    	
    }
    
    }
    
    */

    Thank you.

    #918609
    Leo
    Staff
    Customer Support

    Hi there,

    Can you first <!--Comment out your current CSS--> like this and let me have another look?

    Thanks πŸ™‚

    #919018
    Jefri

    Hi Leo,

    Think I did it.
    Is that fine?

    #919019
    Leo
    Staff
    Customer Support

    Oops sorry my bad. Wrong notation.

    This is how to comment out CSS:

    /*
    CSS in here will be commented out
    */
    #919040
    Jefri

    Hi Leo,

    I tried this..not sure if this is what you were after.

    #919054
    Leo
    Staff
    Customer Support

    Thanks πŸ™‚

    Have you considered using the mobile header feature?
    https://docs.generatepress.com/article/mobile-header/

    I think it would look good with your set up.

    You can also change the breakpoint higher to solve issue #2.

    Let me know πŸ™‚

    #919170
    Jefri

    Thanks ! Works great.

    #919719
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.