-
Hello,
The menu items have not disappeared, they are there. But they are not visible because their text color and the megamenu background color are the same. Please see this screenshot where i’ve changed the background color and they appear correctly. If you want to change the background color of megamenu on mobile, you can add this code to your custom CSS box:
.menu-small ul#mobile-menu { background-color: #5f5f5f; }and change the color to your wish.
To change the extra navigation background color, add this code to the custom CSS box:.open_extra_nav .extra_navigation { background-color: #efefef; }and change the color as you wish.
Let us know.Best regards!
Hello,
I am currently building this website, and I haven’t activated the license yet solely because I don’t know what will happen once I transfer the site to its domain (I’d rather not risk it). The issue I am having and don’t know how to fix is that when I look at the website on mobile, the menu has categories that completely disappear. How do I fix this?
I’ve tried shuffling through the settings but I can’t find something for the mobile menu. Also the three bars on the right, (extra navigation menu) how can I change that menu’s color so that I can see the “submit” button at the end of the form?
In reply to: part of submenu shows
Hello,
Sorry can you please explain better? I don’t understand what do you want to do. I don’t see any sub-menu in “Contact” in neither mobile or desktop.
Did you add the custom css class? Where did you add it? What is not functioning?Best regards!
Topic: part of submenu shows
Hi,
When I hover “contact” in the menu a part of the green submenu shows.. There is a submenu but this only shows in mobile menu (CSS only-mo)
I add the following custom CSS in the editor in the Specular Child theme. (
@media only screen and (min-width: 990px) {
.only-mo { display: none !important; }}
What is the problem?
Thanks!
In reply to: Menu not displaying correctly on mobile
Hello,
This is not really an issue. This is how the mobile menu is designed. The sub-menus are set to show up all the time but the hierarchy is displayed by setting them under the parent item, with some padding. If you want to increase the padding in order to make the hierarchy more visible, i suggest you add this code into your custom css box:
.menu-small ul.menu > li > ul > li > a { padding-left: 20% !important; }To change the font size and color, please add this code:
.menu-small ul li a { color: rgba(0, 0, 0, 0.58) !important; font-size: 13px !important; }Result screenshot. Edit values to your wish.
Best regards!
Hi,
I would like to show a mobile device menu with all menu items (all pages, as it is right now) and for the desktop I would like a menu showing only 4 items (home, download, contact and online boekwinkel).
The idea is to make CSS that excludes the menu items that we would NOT like to show on a desktop PC (for example; for screens larger than 1024px do not show “TWEEDEHANDS BOEKEN VERKOPEN” (incl 2 submenus), “ZAKELIJK VERKOPEN & CONSIGNATIE” and OVER ONS (incl submenu).
What CSS should I use or is there another solution? Maybe I can select a specific manu for mobile?
Thanks, Linsey
Hi there!
It’s about this website: LINK
If you resize the browser window the menu layout will break too early. Exactly at a width of 1176 px the menu items will fall down in front of the slider.
The switch to the mobile menu is at 979 px. Between 1176 px and 979 px the menu layout is broken.
So my goal is, that the mobile menu layout starts at width of 1176px.
I tried to make some changes in the bootstrap-responsive.css (changing the max-with: 980 px to 1176 px but it’s not that easy. There are too many similar code lines with this width to know which I have to change or not.
I hope someone out there can help me with this issue!
Thanks & Cheers
Gabriel
Hi
I have created a page called projects, that is a parent page to current projects and old projects. The projects page is empty, its only a parent page to the other two. On mobile devices, the menu displays my regular menu, plus the current projects and old projects. These two subpages also have a larger font in the menu than the other items. How can I remove the parent page from the menu on a mobile device and how can I make the font of the subpages like the rest of the menu items?
In reply to: Mobile navigation won't appear
Hello,
I checked your site in mobile but apart from the logo located in right position, i did not see any of these issues.
-For the logo positioning, please add this code into your custom css box:@media (max-width: 480px){ #logo { float: left !important; left: 40px !important; }}Edit “left” attribute value to your wish.
-I was able to open menu, click one item of it and actually redirected to that page.
-What do you mean by “footer is off the width of the site”? I see it is resized just as it should in mobile. Please see screenshot of it. Are you not seeing this? If yes, what exactly do you want to change here?
Let us know.Best regards!
Hi, I just finished building this website: https://www.bioprotect.co.il, and it’s very important that it will look good on mobile too. When I tried opening it from my iPhone, lots of things aren’t working.
- The logo is completely off the page borders
- The navigation menu won’t show. There is a button to show the menu but nothing happens when you press on it.
- The footer is also off the width of the site.
Does anyone know how to fix this?
Thanks, Eitan
Hi
For mobile/ipad responsive view is it possible for the main content to show before the sidebar?
At the moment the sidebar menu shows 1st and then on scroll down the main content
It would be better with the main content 1st
Thanks
J
In reply to: Responsive menu disappeared
Hello,
Did you edit (add) any custom css? Please add this code into your custom css box:
@media (max-width: 480px){ .mobile_small_menu { display: block !important;} #logo { float: right !important;} }Result screenshot. Let us know.
Best regards!
Hello,
To extend the sidebar menu functionality, I am using a popular widget called “Custom Menu Wizard Widget“. However, it doesn’t place nice with Tower.
I contacted the plugin developer and here is what he expressed as to an explanation and then a resolution at the end:
The theme (Tower) hooks into WordPress’s wp_nav_menu_args filter and, unless the menu being produced has a menu_id of “mobile-menu”, changes the “walker” to its own.
WordPress has a Walker class that is a general class for producing lists (which is all a menu is). WordPress also has a Walk_Nav_Menu class, which extends the Walker class specifically for menus. Usually plugins will provide their own “walker” as an extension of the WordPress Walker_Nav_Menu class. This is exactly what Custom Menu Wizard does : it uses its own extension of the Walker_Nav_Menu class to do the filtering and set extra classes.
However, because your theme is intercepting every production of a menu and changing the requested “walker” class to its own, the Custom Menu Wizard one never gets called. You’d probably find that other menu plugins (that have their own “walker”) would have exactly the same problem.
The theme code responsible can be found in tower/includes/core/codeless_megamenu.php, as part of the codeless_custom_menu class. The class is included into, and instantiated by, the theme’s functions.php as part of the theme setup. With the sole exception of the mobile menu that activates from the burger button (when the screen is small enough), every menu produced using WordPress’s wp_nav_menu() function will use the theme’s “walker”. (And even the exception isn’t really an exception : it’s just configured to use another of the theme’s “walkers”.)
Would it be possible to make this adjustment to accommodate 3rd party menu plugins such as this one?
Topic: search on mobile menu
I disabled the search button (included in the theme) and added a search-widget in the top navigation area.
How can I add this search to the mobile website without enabling the search button that belongs to your theme?
Thanks!
In reply to: Top Widgetezed area
Thank you for quick response :)
here is link to the website https://serenitytravelphotography.com
still work in progress. You will noticed to widget area with black background with social icons on it. I would like them to be just over the revolution slider so they integrate better in the page.
How can I create a shortcode for the image?
Ando also for some reason my dropdown menu on mobile is huge, can’t find where to change it
Thanks a lot
