-
I have bought 5 licenses for Tower this year. I first used it in January, with version 1.9. I then updated it to version 2.1. Everything was working on that website until today, when I uploaded version 5.2 of the js.composer plugin. Now the hamburger/mobile menu does not work on my iPhone or iPad.
Since the theme was upgraded, the original mobile has changed to a drop down that says “Navigation” — which I just HATE. I liked the other version much better. Now, nothing happens. It looks like the new menu can’t drop down.
https://radontestnebraska.com/
I just updated another site using Tower 2.1 and the mobile menu is working fine:
https://leapinlizardlocksmiths.com/
What do I need to do to the first site to get the mobile menu to work?
In reply to: mobile menu not working on phone
Hello,
Fixed, was only a little line i write down on the custom css box:
.mobile_small_menu {z-index:9999999999;}
Let us know if you have any further question.
Regards!
In reply to: Overlay Hamburger Menu Colur
Hello,
Are you referring to the mobile menu?(screenshot) Or Extra Side Navigation three bar icon? (screenshot)
Best regards!
Topic: collapsable mobile menu
in mobile, our hamburger menu is very long and requires a lot of scrolling to go through it. is there anyway to have the submenus collapse and just show the menu headers until they are clicked on to expand? if this is not possible, is it possible to create a second simpler menu or any other options to create an easier to navigate mobile menu?
Our support time period has expired, but I’ll happily sign up for an extended support or repurchase the theme if you are able to help.
In reply to: Header-Menu is gone in mobile version
Hello,
I checked your site and the Custom Css box in General > Custom Codes, is empty. I already added the last code here and the mobile menu drop-down font is already white. Please clear cache and check your site.
Let us know.Best regards!
In reply to: Header-Menu is gone in mobile version
Hm… this seams not to be working. I entered:
.cl-mobile-menu-button.cl-color-light span {
background-color: #383838 !important; }
.cl-mobile-menu nav > ul > li > a {
color: #ffffff !important;}but the text is still black on my mobile and not white.
In reply to: Header-Menu is gone in mobile version
Hello,
Yes, sure. Just add this code too:
.cl-mobile-menu nav > ul > li > a { color: #ffffff !important; }Edit the color to your wish.
Best regards!
In reply to: Header-Menu is gone in mobile version
Ah…. cool… that helped. Now I have a regular Menu on the normal size pages and hamburger on mobile. :)
But for mobile, is there a way to change the menu font color within the overlay as well? At the moment it is black on gray. I like the grey background, but i would like to have a lighter font. But I don’t want it to effect the ofter menu font color.
In reply to: Header-Menu is gone in mobile version
Hello,
The mobil emenu icon is there but happens to be white. So with the white background, you do not see it.
Add this code into your custom css box:.cl-mobile-menu-button.cl-color-light span { background-color: #232122 !important; }Change the color to your wish.
Best regards!
In reply to: Header-Menu is gone in mobile version
In reply to: Header-Menu is gone in mobile version
Update: in the meantime I found the settings for the menu. But now I can choose between two bad options. Either I have the menu for PC I want (all the Words next to each other) and no menu at all for mobile OR I have the Hamburger Menu at mobile AND PC, which is fine for mobile but kinda strange for PC. I actually expect to define here different types of menu for mobile or PC. I want the regular menu on PC and the Hamburger Menu on mobile. Other Themes do that automatically.
Hello, please help me to show the Header-Menu within the mobile Version of the page:
I am working on testing my site to troubleshoot any responsiveness issues and I am noticing a big one that I can’t seem to correct. Here is the dev site: https://terranaut.staging.wpengine.com. When you shrink the width of the the browser window the header and Rev Slider adjust correct but then a gap the height of the header (130px) appears and I can’t get it tightened up. I know it has something to do with the value I have entered under the theme settings > Header Options > Header Height but without that value the header get super small. I have been able to force the header back to the correct size using CSS but then the mobile menu doesn’t appear correctly. How do I get rid of this gap? I found a similar item in the forum but there was no response, https://support.codeless.co/?action=bbp-search-request&bbp_search=gap+below+header. This is the last thing I need to get situated before I can push the site live so please let me know what needs to be adjusted as soon as you get a chance. Thank you.
In reply to: activate mobile menu
Hello,
Please add this code into your custom css box:
@media (max-width: 1179px){ header#header #navigation { display: none !important;} .mobile_small_menu { display: block !important;} #logo { float: right; padding-right: 35% !important;} .menu-small ul.menu > li > a { color: #101010 !important; }}Best regards!
