-
Posts
-
Hello!
I’m doing a web with Enfold. But I had problems with mobile devices. When the page adapts to the screen of the phones or tablets, strange things begin to happen. For example:
1) The Menu is mounted on the logo
2) The logo on an IPHONE 5, is plugged by the toggle menu
How do I control the size of the logo on a mobile device?
3) I see a wheelbarrow, as I remove it?Attached some images
Hey MiguelPj,
Please try this in Quick CSS to make the logo smaller on mobile devices:
@media only screen and (max-width: 480px) { .responsive .logo img { max-width: 60% !important; } }I’m not sure what you mean by wheelbarrow though, could you try to explain a bit further please?
Best regards,
RikardHi Rikard
The thing about the wheelbarrow is simple. I do not want it to come out. My site has no store, it’s just a catalog. I need you not to show up.
Another thing, the CSS worked perfectly. However in http://www.responsinator.com I can see that my menu in TABLET and IPAD is still going wrong. How do I make the toggle menu exit from a 1024px screen. Do you think it’s necessary to make it look good?
Miles de gracias!
Hi,
Ok, thanks for the feedback. Please try this CSS to have the mobile menu on tablets and below:
@media only screen and (max-width: 1024px) { nav.main_menu { display:none !important; } #advanced_menu_toggle, #advanced_menu_hide { display:block !important; } }And this to hide the shop icon:
.cart_dropdown { display:none !important; }Best regards,
Rikard
- You must be logged in to reply to this topic.