Site logo

Archived topic

Links next to Logo in sticky menu

3 replies · Started by Max on August 27, 2017

Viewing posts 1–4 of 4

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

Hi there,

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

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

Looks good to me!

This archived topic is closed to new replies.