- This topic has 11 replies, 3 voices, and was last updated 6 years, 2 months ago by Tom.
-
AuthorPosts
-
January 29, 2018 at 3:51 pm #483054Stew
https://generatepress.com/forums/topic/logo-and-menu-float-left-problem/
Opened a new topic in response to this thread above. Because my site is in staging and behind a maintenance wall I’ve attached a picture. The above part is what it currently looks like, the below the red line is what I’d like for it to look like. I know getting on the site is preferred so you can see the CSS and inspect the page, but I’d need to give login credentials, so you’ll need to contact me directly for that. I’ve tried the methods in the above thread and that didn’t work. I currently am using the page header premium thing, menu plus, secondary nav, woocommerce, and typography.
January 29, 2018 at 8:26 pm #483150LeoStaffCustomer SupportHi there,
With only using one menu plus menu item float right works for you?
https://docs.generatepress.com/article/adding-icons-to-menu-items/#floating-the-icon-to-the-rightJanuary 29, 2018 at 8:48 pm #483165StewSorry, I don’t see how this answers the question after reading the document. I don’t want to add an icon to my menu, I want to take the site logo and put it on the left before the primary menu. If I float the primary menu left, and the secondary menu right, the logo is centered. I don’t want it centered, I want it on the left before the primary menu. [ SITE LOGO | PRIMARY MENU | | SECONDARY MENU ]. The part between the brackets being the header width.
January 29, 2018 at 9:04 pm #483176TomLead DeveloperLead DeveloperHave you tried adding your site logo as the “Navigation logo”?: https://docs.generatepress.com/article/navigation-logo/
I haven’t personally tried this layout, but that should work in theory.
Let me know if it doesn’t π
January 29, 2018 at 9:22 pm #483185StewAs a work around it sort of works, but not really. I had actually tried this already. I wanted to avoid doing this because then it looks odd in the sticky menu, and really bad on mobile. I also think it’s going to also lead to a lot more CSS coding to make it looks exactly how I’d like on both desktop and mobile.
January 29, 2018 at 11:39 pm #483234TomLead DeveloperLead DeveloperI think we might need to adjust the sticky menu and mobile then, as any other method would be very similar HTML markup to the navigation logo.
If you’d like to set it up send me login details so I can see the issues, that would be awesome: https://generatepress.com/contact/
January 30, 2018 at 12:22 am #483258StewSent in a message
January 30, 2018 at 9:59 am #483767TomLead DeveloperLead DeveloperAlright, let’s ditch the navigation logo idea.
Then try this CSS:
@media (min-width: 769px) { body.nav-float-left.secondary-nav-float-right .inside-header .site-logo { float: left; clear: none; } body.nav-float-left .inside-header .main-navigation { clear: none; } }
Let me know if it gets us closer π
January 30, 2018 at 10:15 am #483779StewHi Tom,
No change after changing the CSS.
January 30, 2018 at 3:24 pm #483985TomLead DeveloperLead DeveloperI just made a couple small adjustments, can you update your CSS?: https://generatepress.com/forums/topic/float-menu-and-logo-to-the-left/#post-483767
January 30, 2018 at 3:59 pm #484002StewThat fixed it. Thank you very much for sticking with the issue and actually helping to solve it. Just curious, what was the change?
January 30, 2018 at 4:02 pm #484003TomLead DeveloperLead DeveloperI had to add
body
in front of the classes so they were more specific.Glad I could help! π
-
AuthorPosts
- You must be logged in to reply to this topic.