-
In reply to: Can’t click on sub-menu – left margin wrong
I can’t show you the demo as I am developing in maintenance mode behind a coming soon page. I have just used the css above from your demo in the custom css and also added #logo img to that list (refer to my other ticket re: logo alignment) and all looks okay. The logo isn’t centred nice on mobiles, but it will have to do.
eg.
#logo img, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu ul, .header_7 #navigation.pos_left nav .codeless_custom_menu_mega_menu { margin-left: -60px; }In reply to: How to get logo to appear on mobile with left menu
I just realised I had set the following custom css to move the logo over left when viewing on large screens and this had affected the mobile view.
.header_7 #logo { left: 35% !important; }So how can I move the menu left (reduce left margin) when viewing the left header on large screens?
Refer https://imgur.com/lLoNjU8
Thanks
Hi there – I’m using left menu or header_7. When viewing the site on mobile or small screens, the logo does not appear. Any way to get the logo there??
Also – I asked this on themeforest, but will ask here too:
Is it possible to have the search icon/feature under the menu (like it appears and works top right for top headers). I tried inserting the WordPress search widget in the header widget area, but it’s too wide and looks ick.
It seems the left and right header/menu really isnt’ fully supported in your theme which is a pity as it’s why I chose Tower.
In reply to: Mobile Menu
Unfortunately not that one!
It would be so good to have the facility to have another menu – then I can create a mobile only one, which can feature all the best bits for a mobile phone.
That would be so much easier.
:-)In reply to: Mobile Menu
Hello,
What header style are you using? This is possible only if you have the “Logo in center and 2 navigation in sides” header style activated. And use the side menu in mobile in order to keep two different menus. Let us know so i can provide the steps for you to follow.
Else, it is not possible to have two different menus in one site.Best regards!
Topic: Mobile Menu
Hi
Is it possible to have an alternative menu for mobile?
A lot of the pages don’t look great on mobile and I have to re-do them.
The search on this forum wasn’t working.
Cheers
RobHello,
Sorry for the late reply.
1-I made several tests of the page in different mobiles and in nexus 5x simulator but the map is static. Please clear your phone cache and refresh page.2-I fixed it. The “Right menu” is showing up in mobile now. Since the current menu is different from the normal menu (it is composed by two different menus), the side menu in mobile called the main menu, which was undefined.
So i switched back to simple menu, assign the “Right menu” to it, then switched back to left-right menu style.
Please check your site and let us know.Best regards!
Topic: Mobile Menu Positioning
Please add the ability to easily move the mobile menu to the right instead of the left. By default, (using business 4 theme) the menu is on the left on and the main logo is pushed all the way to the right side. I would prefer at least the logo to be centered on mobile, but also switching the menu location would force the logo to the right side, which is fine as well.
In reply to: logo missing and mobile menu looks weird
Hello,
The logo is due to the Sticky Logo enabling. I set OFF the Header Options > Sticky Nav > sticky Logo option and now the logo is back.
-For the mobile version logo and menu, i added this code into your custom cs sbox:
@media (max-width: 767px){ .menu-small { left: -55px;} .header_tools { display: block !important; height: 10%; margin-top: -85px; margin-right: -26px; } a.mobile_small_menu.close { margin-left: -33px;} a.mobile_small_menu.open { margin-left: -33px;} }It’s like the demo now. Please check your site.
Best regards!
In reply to: logo missing and mobile menu looks weird
Hello,
The logo is due to the Sticky Logo enabling. I set OFF the Header Options > Sticky Nav > sticky Logo option and now the logo is back.
-For the mobile version logo and menu, i added this code into your custom cs sbox:
@media (max-width: 767px){ .menu-small { left: -55px;} .header_tools { display: block !important; height: 10%; margin-top: -85px; margin-right: -26px; } a.mobile_small_menu.close { margin-left: -33px;} a.mobile_small_menu.open { margin-left: -33px;} }It’s like the demo now. Please check your site.
Best regards!
Hi
i,’m using tower theme, i have 2 questions, they are:
1. I dont know what happened but the logo of my website that are supposed to be in the left menu are missing.
2. the menu in mobile view are seems odd. i want to have the mobile menu such as in your demo here https://codeless.co/tower/creative/
you can see my website in
In reply to: Mobile menu & widgets questions
Hello,
This requires code editing that is not included in theme support. You can add this code into your custom css box:
@media only screen and (max-width: 600px) { .codeless_custom_menu_mega_menu .hasSubMenu { display: none !important; } }To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.
Best regards!
In reply to: Mobile menu & widgets questions
Hello,
This requires code editing that is not included in theme support. You can add this code into your custom css box:
@media only screen and (max-width: 600px) { .codeless_custom_menu_mega_menu .hasSubMenu { display: none !important; } }To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.
Best regards!
Hello
Thank you for your response.
1. That code doesn’t seem to work. The problem I’m having there is that the megamenu disappears too quickly if you want to reach the links on the far left. Is there a way we can delay when the menu disappears?
2. Solved using some CSS:
.blog-article iframe { width: 820px; height: 461px; }3. Solved. Your code works, thank you.
4. Solved – I’ve done a CSS workaround by using:
@media (max-width: 979px) { .header_wrapper { background: #1c1c1c !important; } .background--dark header#header .header_tools * { color: #FFF; } .background--dark .mobile_small_menu { color: #FFF !important; } .mobile_small_menu.open::before, .mobile_small_menu.close::before { color: #FFF !important; } }Dear Support Team,
please assist with next issues (web site https://www.brics-consulting.ru/ ):
1) We have a Multisite Language Switcher widget in header area. It is visible on desctop version, but it disappears for some reason on mobile devices. How to fix it?
2) Our current Responsive menu style is “Side Menu”. And our “Services” item looks not very very well on mobile devices as we use Mega Menu. How to desable Mega Menu for mobile devices, but keep using it for desctop version?
Thank you in advance.
BR, Alex
