ipad – shopping card on the left side of header instead of right side

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
May 30, 2015 at 2:10 pm #452006

n_elbouzidi
Participant

Hi,

The shopping card on my website on my Ipad (not on mobile and desk/laptop) is positioned on the left side of the page and when you click on it the text ‘shopping card’ or ‘afrekenen’ (pay) does not show correctly. This is not good for my conversion. Do you have a solution?

Thanks!
Naima

June 1, 2015 at 5:52 pm #452681
Yigit
Keymaster
Hi Naima!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (max-width: 990px) {
#menu-item-shop .dropdown_widget {
  right: auto;
  left: 10px;
}
#menu-item-shop .dropdown_widget .avia-arrow {
  right: auto;
  left: 30px;
}}
```
Cheers!
Yigit
June 2, 2015 at 9:36 am #453010

n_elbouzidi
Participant

This reply has been marked as private.

June 2, 2015 at 6:03 pm #453272
Yigit
Keymaster
Hey!

Please change the code to following one
```
@media only screen and (max-width: 990px) and (min-width: 540px) {
#menu-item-shop .dropdown_widget {
  right: auto;
  left: 10px;
}
#menu-item-shop .dropdown_widget .avia-arrow {
  right: auto;
  left: 30px;
}}
```
Regards,
Yigit
June 3, 2015 at 10:43 am #453668

n_elbouzidi
Participant

tx Yigit! It works!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘ipad – shopping card on the left side of header instead of right side’ is closed to new replies.