Return to previous page

Legenda theme. Cart in top bar on iPad in horizontal mode.

This topic has 9 replies, 4 voices, and was last updated 10 years, 3 months ago ago by Jack Richardson

nxid

Participant

September 8, 2014 at 20:44

Hi
First of all, thank you for this nice theme. But I have a problem on iPad in horizontal mode, I can’t see the “cart” so the customer can find the basket/cart.

If I scroll down to the bottom I can chose “mobile version” in the footer and then it works properly. How do I enable mobile version on iPad in horizontal mode or fix the problem with cart missing.

You can see the theme here: http://woonit.nxid.dk

Thank you

#14672 Copied

8 Answers
Robert Hall

Support staff

September 9, 2014 at 10:52
Hello,

Try to add this code into custom.css file.
```
@media (max-width: 979px){
.top-bar .shopping-cart-link {
display: block !important;
}
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#14706 Copied
Eva Kemp

Support staff

September 9, 2014 at 10:54

Hello,

Please provide us with wp-admin panel credentials in Private Content.
Thank you.

Regards,
Eva Kemp.

#14707 Copied

nxid

Participant

September 10, 2014 at 18:59

Hi Robert

Thanks you very much for the code snip and video tutorial, it works perfectly!

Have a nice day

#14902 Copied

Jack Richardson

Support staff

September 10, 2014 at 19:10

Hello,

You’re welcome!
If you have any questions don’t hesitate to contact us.

Regards,
Jack Richardson

#14904 Copied

nxid

Participant

September 15, 2014 at 15:15

Hi again

I used this code like described earlier.

But now I got a problem when visiting the page on a iPhone. The cart is placed on top of another cart and menu. Check it at woonit.dk. It works perfectly on desktop on iPad now.

Can you give me a new code snip which could help me fix it on iPhone and still make it work on iPad.

Thanks a lot.

#15561 Copied
Eva Kemp

Support staff

September 15, 2014 at 17:48
Hello,

Please use this code in custom.css file:
```
@media (max-width: 480px){ .header .shopping-cart-widget {
    top: -57px;
    display: none;
}
.header-type-6 .shopping-cart-link {
float: left;
}}
```
Regards,
Eva Kemp.
#15588 Copied
nxid

Participant

September 15, 2014 at 19:17

Hi Eva

Thank you for the quick response.

It now worked perfectly.

Have a nice day

#15600 Copied

Jack Richardson

Support staff

September 15, 2014 at 19:48

Hello,

You’re welcome!
Have a nice day too.

Regards,
Jack Richardson

#15601 Copied
Tagged: #legenda, best selling, cart, horizontal mode, ipad, themes, top bar, woocommerce
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Legenda theme. Cart in top bar on iPad in horizontal mode.’' has been successfully resolved, and the topic is now closed for further responses

Legenda theme. Cart in top bar on iPad in horizontal mode.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection