[Resolved] Navigation alignment

Home Forums Support [Resolved] Navigation alignment

Home Forums Support Navigation alignment

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

    Happy I could help! ๐Ÿ™‚

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