Tagged: mobile, responsive
-
AuthorPosts
-
June 25, 2015 at 5:21 pm #464616
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.1Thanks.
June 26, 2015 at 5:07 pm #465072Hey 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,
ElliottJune 29, 2015 at 8:08 am #465657Hi 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,
ArpitJune 29, 2015 at 1:53 pm #465838Hi!
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!
RikardJuly 3, 2015 at 11:57 am #467928Hi 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,
ArpitJuly 4, 2015 at 7:43 am #468323 -
AuthorPosts
- You must be logged in to reply to this topic.
