-
-
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
Marco -
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!
-
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
Marco -
Hello,
That’s great!
Thanks for sharing your code.
Let us know for anything.Best regards!
-
You must be logged in to reply to this topic.