-
Posts
-
https://www.dropbox.com/s/452kph7h1dtl7yz/ignitemobile.png?dl=0
When the responsive code kicks in my mobile menu drops down half the page and pushes the content down so users on mobile devices do not see my content. Help!
Hey seanxc!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 990px) { nav.main_menu { display: none !important; }}If that does not help, please post the link to your website
Best regards,
YigitUnfortunately that did not work. I tried adding it both to Appearance >> Edit CSS and to Quick CSS within the Theme. The site is below so you can see it.
Hi!
Please use following code instead
@media only screen and (max-width: 767px) { .responsive #header_main .inner-container, .responsive .main_menu { height: auto!important; }}Cheers!
YigitWow. Complete awesomesauce :) It’s works, and I now understand the CSS that controls it better. I was missing the “height: auto!important;” which is why it was not working for me when I tried it.
When I heard that support at Kriesi was amazing I doubted due to so many disappointments over the years trying to get support from other companies. This is world class support. Thank You!
Hi!
Thank you for your kind words :)
You are welcome, we are always happy to help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Best regards,
Yigit
- The topic ‘Content drops down on mobile with extra space’ is closed to new replies.