Search Results for 'mobile menu'

I’ve fixed the mobile plugin issue – plugin conflict.

I still cannot figure out why the mobile menu is showing on a desktop and not on a smartphone.

They say to deactivate all your plugins, clear your cache and CDN files, and then go into the Theme Panel and click on the Save Settings button.

I tried all these options and it didn’t work. The only way I was able to make it work was by hiding it via CSS. That purple gradient is actually the Mobile Menu background.

Here is the CSS code that I used to hide that background on the Desktop and Tablet versions of the site, while still having it show for Mobile Phones.

/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
.td-menu-background:before { display: none; }
}

/* -==========================- TABLET -==========================- */
@media only screen and (min-width:640px) and (max-width:1023px) {
.td-menu-background:before { display: none; }
}

If using a Child theme or editing the main theme, place that CSS at the very bottom of the Stylesheet (style.css). Again, this was the only way I was able to remove it while still allowing it to work on phones. Hope this helps you.

As you can see…by hiding it on the desktop version, it no longer shows. https://i.imgsafe.org/ef2118f.jpg

• This reply was modified 10 years by beermoney. Reason: Add Screenshot

the mobile menu that not show is solved. Just found in the theme panel. But the menus still can not access.

if i deactivated the mobile theme plugin i can access the menus menu.

Hi

V 2.3.6 is tested and mobile menu and search button works fine. You said that is a new install but after I looked on your test website where you have V 2.3.6 instilled I’ve seen a custom page structure which is not generated by the theme. This container breaks theme’s layout: http://screencast.com/t/svERL3plO so you have to adjust it’s style or remove it from page source.
Try to install the theme again and make sure you do a clean update. By this I mean that you have to delete previous install and upload new themes files via WordPress or vis ftp. Also deactivate all others plugins except Visual Composer and test the theme again, without making any changes in its code, or whiteout any additional plugins.

Thanks!

Hi Bogdan,
Thanks for following up. We’ve done the whole remove & reset all plugins thing – all working now in the back end so long as we activate and then deactivate the mobile theme, then the VC works as expected, but the order of elements on the admin page/post editor is all strange (ie the VC is pushed down the page, moving items like ‘page layout options’ and ‘homepage latest articles’ to the top of the page.
On the front end, we have the social counter at zero still (http://naturallyzimbabwean.com/) and we no longer have a unit without the cache refreshed to test/check whether the mobile menu is still showing on chrome. We haven’t had any comments from users yet today.
Thanks, Tim

Hi,

I have changed the icon to “fa-film”, which is already being used in “hollywood” menu. But still it does not appear in the mobile, whereas the icon was already and is still appearing in the “hollwood” menu.

I believe that the menu icon is not appearing, if it has any submenu items. In the site, “Bollywood” and “SouthZone” has submenus and “Hollywood” does not have any submenu. May be that is you the icon is appearing the “Hollywood” but not appearing in “Bollywood” and “SouthZone”.

I tried version 7 on my localhost and I saw mobile menu on desktop too. I just hit Ctrl + F5 and cleared caches. Problem solved for me.

I had the exact same issue this morning when I updated to v7.0. I couldn’t for the life of me figure out what the heck this gradient bar was on the left side of the screen. I hid it via CSS, and then figured out about an hour later that this was the background for the new mobile menu. I ended up just adjusting my CSS as I couldn’t figure out as to why this was showing on the Desktop version. Here is what I used in the CSS of my Child theme:

/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
.td-menu-background:before { display: none; }
}

/* -==========================- TABLET -==========================- */
@media only screen and (min-width:640px) and (max-width:1023px) {
.td-menu-background:before { display: none; }
}

This hid the menu from showing up on the Desktop and Tablet versions of the site, but still showed up on the Mobile Phone version. If you don’t want it hid on the tablet version, then just leave that out and just use the top section for Desktops. This was the only way that I could figure out how to remove it as I couldn’t find any info on it.

• This reply was modified 10 years by beermoney.
• This reply was modified 10 years by beermoney. Reason: Added Code Tag

or if there is a way to fix the mobile menu on 2.3.6 will be great.

This is the same problem for me – I thought an Ubermenu problem – but installed on staging and the problem is still there – v7 loads the mobile menu on desktop vertically not horizontally