Tagged: mobile, responsive
Hi,
I have created a website using enfold theme. Below is the link for the same :
http://www.carpedemos.com/adhikari/
When I am opening this website on my mobile the menu option is overlapping on the site logo.
Is there any CSS changes I need to make to fix that ?
Any help would be appreciated.
I am pretty sure its not the issue with the versions but still I am using following versions :
Wordpress version : 3.9.6
Enfold version : 2.8.1
Thanks.
Hey carpediemsocial!
Add this to your custom CSS.
@screen media and (max-width: 1100px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
You may need to play around with the 1100px value.
Regards,
Elliott
Hi Elliott,
I copied the above CSS in “Enfold > General Styling > Quick CSS” and player around with extreme value of 1100px but it doesn’t seem to have any impact in moving either the logo or the menu on the top.
Is there any other way to solve this.
Regards,
Arpit
Hi!
That code should work, could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply. Also, you are using an older version of the theme, please consider updating to the latest version.
Cheers!
Rikard
Hi Rikard,
Thanks for the response.
Please find the temporary admin login in the private section.
Do let me know what changes you made to fix the issue because this is just the development website and I need to replicate things to the production site also.
Thanks,
Arpit