- This topic has 7 replies, 2 voices, and was last updated 6 years, 4 months ago by
Tom.
-
AuthorPosts
-
September 21, 2016 at 6:05 am #228269
Antwan
Hi Tom,
After the last update of my theme and plugins the position of the previously implemented Max Megamenu on http://stadtteilweb.de changed. I tried to fix this through CSS, but it had some unwelcome effects on the responsive layouts. Do you have a tip for me where to look? The menu should be positioned near the top of the screen, you can see the correct view when you scale the window up and/or down. But on the initial page-load, the menu is placed underneath the site-logo.
Thanks in advance!
September 21, 2016 at 10:13 am #228354Tom
Lead DeveloperLead DeveloperYou have quite of a bit of custom CSS going on.
You should be able to do something like this:
.site-logo { width: 10%; } .main-navigation { width: 80%; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 21, 2016 at 11:57 am #228381Antwan
Nope. That doesn’t do the trick, unfortunately. I’ve already tried that one; even when the menu has a much smaller width it does not move up to where it should belong. As if the logo claims all the horizontal space for itself. At least on page load, I can’t figure out why everything fixes itself when resizing the window.
September 21, 2016 at 10:31 pm #228506Tom
Lead DeveloperLead DeveloperAre you sure? I’ve added it to your site using developer tools and it works.
Can you replace the custom CSS you have with the above and let me know so I can see which part of it isn’t working?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 22, 2016 at 12:23 am #228544Antwan
Yep, pretty sure. I’ve tried it several times, even with the addition of !important. When I set the .site-logo to ‘display: none’ the menu displays correctly. So I guess the logo is the culprit, but tweaking the individual attributes of .site-logo doesn’t do the job. I’ve added your suggestion to the custom CSS now, so you can see for yourself. The only thing this does is limit the width of the menu from 90% to 80%, but it doesn’t alter the location in which it is loaded. (Tested on Safari and Chrome.) Thanks again!
September 22, 2016 at 9:44 am #228663Tom
Lead DeveloperLead DeveloperYou still have the problem CSS added.
This should all be removed:
.site-logo { display: inherit !important; float: none; margin: 0 90% 0 0; width: 10%; } .main-navigation { clear: none; display: inherit; float: right; margin: 0; padding: 0; width: 90%; z-index: auto; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 23, 2016 at 4:58 am #228872Antwan
That’s it. Many thanks, you’re the best!
September 23, 2016 at 8:30 am #228908Tom
Lead DeveloperLead DeveloperGlad I could help! 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.