-
can i disable the mobile version of the menu and keep the full menu layout for phone and tablet users?
any css code for this?
In reply to: No mobile menu
Hello,
The option to show up menu in mobile was off. I set it ON in Header Options > Show Responsive Menu Dropdown.
Please check your site.Best regards!
Topic: No mobile menu
In reply to: Mobile Not Working
In reply to: blank space, menu and top header on mobiles
Hello,
1-Yes, that was it. I put the code inside the
@mediarule so it will take effect only for screens larger than 1024px.2-The “Estatik Pro” plugin is the culprit. I deactivated it and the menu in mobile shows up just fine. Please check it.
3-You can make it visible using custom css. Add the custom code into your custom css box in General. Sorry but this is a personal customization not included in support.
Let us know.Best regards!
Hi,
I am coming back to an issue already discussed and solved for
https://www.centrodellaceramica.innovaimpresa.com
regarding adjustments of top menu items, site logo and mobile menu position.
We applied this custom css code to solve visibility problems:
@media (max-width: 480px){ .header_10 #logo { left: 5% !important; } .mobile_small_menu { top: 70% !important;} #logo img {max-height: 42px !important;} } @media (max-width: 1179px){.top_nav .widget ul li a { color: black !important;}} @media (max-width: 1179px){.top_nav { display: block !important;}} @media (max-width: 1179px){ .top_wrapper { padding-top: 80px !important; }} .list li.simple { font-size: 18px !important; padding-bottom: 12px !important; }It’s all ok, BUT NOW I DISCOVERED THAT ON SAFARI BROWSER IT SEEMS NOT WORKING.
IT SEEMS THAT THESE CSS CUSTOM CODES DO NOT WORK ON SAFARICould you help?
Regards
MarcoHi,
I have some problem of visibilty on mobiles for the site misanoimmobiliare.it1) There is a blank space between header and the layer slider.
I do not know if this is caused by this code we added:
div#layerslider_2 {
margin-top: 90px !important;
}2) there is no menu iteam appearing on mobile when click on the mobile menu icon
3) How can I make the top header row visible on mobile?
Thank you
MarcoIn reply to: mobile menu button
Ok, but if I remove this cutsom css the menu item will stay over one of the item of the top header menu.
So I solved in thsi way:
I removed the menu item “contatti” fromm the top header on mobiles screens (480px), so the menu icon will not overlay any other element.Still some problem of visibility remained when the menu was clicked, and it seems to be solved by using this other code instead:
.mobile_small_menu {
top: 70% !important;
}It seems ok now,
I will make some checks and hope that do no need more help
thanks
MarcoIn reply to: mobile menu button
Hello,
The
.mobile_small_menu { margin-top: 45px !important; }in the custom css added, is the culprit. Comment it out and try again. See screenshot:
https://postimg.org/image/2zew9p88ej/Best regards!
Topic: mobile menu button
Hi,
On the site https://www.centrodellaceramica.innovaimpresa.com/
there is some problem to view the mobile menu button.
The button seems to be correctly showed on smartphone, but as I click the menu to open the menu and get all menu items listed, the button itself disappear.
It appears again if I rotate the phone to a landscape view.
Could you please help?
Note that I added some css code for mobile menu becouse in this site top header navigation has many icons and one more menu, so it takes some spaces…
This is some code I added:
@media (max-width: 1179px){
header#header #navigation { display: none !important;}
.mobile_small_menu { display: block !important;}
#logo { float: right; padding-left: 35% !important;}
.menu-small ul.menu > li > a {
color: #101010 !important;
}}
@media (max-width: 480px){
.header_10 #logo {
left: 5% !important;
}
.mobile_small_menu {
margin-top: 45px !important;
}
#logo img {
max-height: 42px !important;
}
}
@media (max-width: 480px){.top_nav .widget ul li a {
color: black !important;
}}
Regards
MarcoHi there!
I have a problem where my logo overlaps the menu in mobile or ipad versions.
please see my website https://www.dimaxgroup.com/test.The logo is ok on desktop version, however on ipad it moves to the side and on iphone it overlaps the menu .</p>
The logo is ok on desktop version, however on ipad it moves to the side and on iphone it overlaps the menu .
Please advise how to fix that
Thank you!Topic: Mobile Menu Not Working
Hi. I was checking a website client after several time and I found that mobile menu did not work properly anymore.
I checked responsive options and header options, but I think everything is fine. What am I missing?
Can you help me?
regardsTopic: COLLAPSIBLE MOBILE SUBMENUS
In reply to: Mobile Logo appearing in wrong place/size
Great – that worked!
2 other things.
1. Is there a way to move the nav drop down closer to the top tier nav?
2. “Mobile Menu”, currently all the menu items are open when you tap the mobile menu – is there a way to have main nav open, with option to then tap those to open drop downs?
thanks for you help!
In reply to: Mobile Logo appearing in wrong place/size
Hello,
Please edit the code to this:
@media (max-width: 480px){ #logo img { max-height: 88px !important; margin-top: -42px !important; } #logo { float: left !important;} .mobile_small_menu { margin-left: 85% !important; }}Result screenshot: https://postimg.org/image/fg40hf7w5/
Best regards!
