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

[Resolved] Primary Menu Floating Right: Menu items floating left in sticky menu

Home Forums Support Primary Menu Floating Right: Menu items floating left in sticky menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #166593
    Alex

    Hi,

    I’m encountering the following problem on two sites independently:

    Set up:
    – I have a primary menu set up as sticky & Navigation position as “Float right”. The Primary menu has sub-items.
    – I also have a secondary menu set up as “Above Header”

    When I’m on top of the page, the primary menu floats right as expected. When I scroll down, the sticky menu appears – all menu items float to the left now, though. Only the search icon stays on the right.

    Please also see screenshots:
    Menu on top of the page working as expected:
    http://prntscr.com/9s0gli
    Menu item floating left in sticky menu:
    http://prntscr.com/9s0gwp

    I would like the menu items in the sticky menu to float right as well. I searched for a corresponding setting, but couldn’t find anything. Am I missing something?

    I’m running WP 4.4.1 and GP Premium 1.2.74. Both sites are not live yet.

    I’d be really gratefull for a hint!

    Cheers
    Alex

    #166770
    Tom
    Lead Developer
    Lead Developer

    Hi Alex,

    This has been fixed in the next version of GP Premium.

    You can fix now with this CSS:

    .nav-float-right .navigation-clone.main-navigation .menu > li {
    	float: none;
    	display: inline-block;
    	*display: inline;
    	*zoom: 1;
    }
    
    .nav-float-right .navigation-clone.main-navigation ul {
    	letter-spacing: -0.31em;
    	font-size: 1em;
    }
    
    .nav-float-right .navigation-clone.main-navigation ul li {
    	letter-spacing: normal;
    }
    
    .nav-float-right .navigation-clone.main-navigation {
    	text-align: right;
    }
    #172036
    Alex

    Hi Tom,

    thanks for your reply. And sorry again for my late feedback.

    I tried using your CSS fix by putting it into my child theme style.css, but it didn’t work, even with “!important” declarations.

    What am I missing?

    One of the sites is live now if you care for a look.
    http://trans-history.org/

    Cheers
    Alex

    #172125
    Tom
    Lead Developer
    Lead Developer

    Remove this from your child theme CSS:

    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    
    }

    It’s not CSS, so none of your CSS below it is being read.

    It would be added to your functions.php file, but it’s not necessary there either 🙂

    #172159
    Alex

    Wow, you’re totally right, what’s that doing there? That’s pretty embarassing.

    My CSS was being read though, and your css fix is still not working.

    But I’m totally fine with waiting for the next issue of GP Premium 😉

    Cheers

    Alex

    #172222
    Tom
    Lead Developer
    Lead Developer

    Remove this from your style.css as well – it seems to be commenting out your code:

    /* Temporary fix for GeneratePress sticky menu not aligning to the right as desired
    ****************************************** /
    #172370
    Alex

    You’re totally right. Now it works just fine. Sorry, I could’ve checked that myself.

    Thanks so much!

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