[Resolved] Help with alignment and logo in secondary navigation

Home Forums Support [Resolved] Help with alignment and logo in secondary navigation

Home Forums Support Help with alignment and logo in secondary navigation

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1560724
    Alexandra

    Hey guys,
    I’m hoping you can help me with my secondary navigation.
    I have set-up the secondary navigation only on shop pages (with the main navigation hidden) and added the site logo to it using the function I found here: https://generatepress.com/forums/topic/logo-in-secondary-menu/

    Can you help me please:

    1. Keep the navigation alignment to center for desktop and have the logo aligned left?
    2. Have the hamburger icon aligned right on mobile?

    You can see my shop page here: https://alex.bandiwork.dev/shop

    Thank you so much!

    #1561641
    Leo
    Staff
    Customer Support

    Hi Alexandra,

    Have you considered using a plugin like If Menu so you can just use the primary menu through out the entire site and hide/show some menu items on specific pages?
    https://en-ca.wordpress.org/plugins/if-menu/

    I can provide some CSS as you requested but I believe my suggestion would be the better solution.

    Let me know πŸ™‚

    #1561662
    Alexandra

    Hey Leo!
    Thank you so much!
    I did see your plugin suggestion in other threads, but I chose to use the secondary nav for my shop because I also want different colours and behaviours for the nav bar (such as sticky on shop pages and non-sticky on all other pages, etc).
    Plus, I usually do prefer some extra CSS instead of yet another plugin…

    #1561816
    Leo
    Staff
    Customer Support

    Can you disable Autopimize and any other caching plugin so I can inspect the code better?

    Thanks πŸ™‚

    #1562884
    Alexandra

    Oh, I apologise!!
    Sure thing, all caching plugins are deactivated now.

    #1563249
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    /* Position desktop secondary nav logo */
    @media(min-width: 769px) {
        .secondary-navigation-logo {
            position: absolute;
            left: 0;
        }
    }
    /* Align secondary mobile toggle right */
    .secondary-navigation .menu-toggle {
        text-align: right;
    }
    #1563539
    Alexandra

    Thank you so much, David!
    This is great! πŸ™‚

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