- This topic has 9 replies, 2 voices, and was last updated 2 years, 3 months ago by Ying.
-
AuthorPosts
-
January 19, 2016 at 1:53 am #166593Alex
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/9s0gwpI 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
AlexJanuary 19, 2016 at 12:00 pm #166770TomLead DeveloperLead DeveloperHi 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; }
February 11, 2016 at 3:57 am #172036AlexHi 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
AlexFebruary 11, 2016 at 11:17 am #172125TomLead DeveloperLead DeveloperRemove 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 π
February 11, 2016 at 1:16 pm #172159AlexWow, 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
February 11, 2016 at 10:58 pm #172222TomLead DeveloperLead DeveloperRemove 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 ****************************************** /
February 12, 2016 at 11:47 am #172370AlexYou’re totally right. Now it works just fine. Sorry, I could’ve checked that myself.
Thanks so much!
February 12, 2016 at 3:09 pm #172392TomLead DeveloperLead DeveloperYou’re welcome π
December 9, 2021 at 12:14 pm #2043989JonHi,
I’m having the same problem with menu items floating left when scrolling down using the sticky nav bar. I haven’t changed the CSS, and only have one minor custom class in my “Additional CSS” customer. I’m merging my content with a Header Element.
I can’t seem to find where the justification options are for the sticky nav bar.
WP 5.8.2
Generate Press 3.1.0
GP Premium 2.1.1December 9, 2021 at 12:34 pm #2044010YingStaffCustomer SupportHi Jon,
Can you open a new topic and link us to your site?
Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.