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

[Resolved] Links next to Logo in sticky menu

Home Forums Support Links next to Logo in sticky menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #374098
    Max

    Hi
    I have used the code provided in this post:

    https://generatepress.com/forums/topic/menu-next-to-logo/

    Works fine Site logo then imediately next to it my nav links when page static

    However I also use a sticky menu (with a logo) and when I scroll down the logo is aligned left BUT the nav links are still aligned to the right.

    What code do I need to use to ensure that the nav links in the sticky menu also appear to the left (right after the sticky logo).

    Thanks in advance for your assistance.

    Kind Regards

    Max

    GeneratePress 1.4
    GP Premium 1.4.3
    #374234
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Can you link me to your site so I can see?

    #374431
    Max

    Hey Tom

    You need an updated photo with your little one. I am sure she is no longer that tiny…

    The code snippet I linked to above no longer works (maybe due to updates)

    However, I have styled the text in the main nav and sticky nav left justified using the follow css.

    Please let me know if it is ok:

    /* MENU STYLING */
    
    /* Align text left when menu floated right */
    
    .nav-float-right .inside-header .main-navigation {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    
    /* Align text left in sticky menu */
    
    .navigation-stick {
        text-align: left !important;
    }
    
    /* Add space between logo and start of menu links */
    .site-logo {
        float: left;
        margin-right: 60px;
    }
    

    Kind Regards

    Max

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