Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Navigation alignment

Home Forums Support Navigation alignment

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

    Hi!
    My menu alignment is set to center and when I resize my browser down to mobile size, my menu look like this:

    I want it to look like this:

    How can I do that?

    #45706
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    That should be default – looks like something is overwriting the default style.

    Can you post a link to your site so I can take a look?

    Thanks!

    #45713
    Valtteri

    Hi,
    it isn’t online yet..

    Mobile menu is vertical only when alignment is set to left. When alignment is center or right, mobile menu is horizontal.
    I want mobile menu to be vertical even if menu alignment is set to center.
    Thanks.

    #45732
    Valtteri

    Secondary navigation works like it should on mobile… (same settings as in the main navigation).

    #45857
    Tom
    Lead Developer
    Lead Developer

    Ah – you found a bug!

    This has been fixed in the next version of GP.

    If you’d like to apply the fix now, add this to your CSS:

    @media screen and (max-width: 768px) {
            .nav-aligned-right.nav-below-header .main-navigation .menu > li, 
    	.nav-aligned-right.nav-below-header .main-navigation .sf-menu > li, 
    	.nav-aligned-right.nav-above-header .main-navigation .menu > li, 
    	.nav-aligned-right.nav-above-header .main-navigation .sf-menu > li, 
    	.nav-aligned-center.nav-below-header .main-navigation .menu > li, 
    	.nav-aligned-center.nav-below-header .main-navigation .sf-menu > li, 
    	.nav-aligned-center.nav-above-header .main-navigation .menu > li, 
    	.nav-aligned-center.nav-above-header .main-navigation .sf-menu > li {
    		display: block;
    		margin: 0;
    		text-align: left;
    	}
    }
    #45866
    Valtteri

    I added the code to Custom CSS and it works 🙂
    Thank you for your great support!

    #45867
    Tom
    Lead Developer
    Lead Developer
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.