-
Posts
-
Hi!
I would like our site to appear as a mobile site on ipads – when i search the forum I find som different ways of achieving this. What method would you recommend? I’d also want the shopping cart left of the “hamburger menu” always, now it sometimes appear on top of cart.Our site: herbawax.com
Best
JohanHey Herbawax,
Could you please be more specific on what you mean by “site to appear as a mobile site on ipads”? Could you please attach a mockup of what you’re trying to achieve?
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css@media only screen and (min-width: 768px) and (max-width: 1024px) { #menu-item-shop.cart_dropdown { right: 35px; } }And you’re running a previous version of our theme. You might want to update it.
If you need further assistance please let us know.
Best regards,
VictoriaThank you! That helped a bit. But if you look at these screenshots from my iPad, it still doesn’t really work. I’d like it to be with the hamburger menu in horizontal view too. And the hamburger/cart still looks a bit ugly in vertical view.
Best Johan
Hi Johan,
It looks aligned on the emulator, but you can add the top setting to that code and play with the number of pixels.
@media only screen and (min-width: 768px) and (max-width: 1024px) { #menu-item-shop.cart_dropdown { right: 35px; top: 5px; } .av-main-nav > li > a { padding: 0 9px; } }Best regards,
VictoriaHi Victoria!
Thank you, much better now. Will do some tests with pixel numbers to find the optimal combo.
/Johan
Hi Johan,
Sounds great!
Glad you got it working for you! :)If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.