How Can I Fix Default Display Issue

Developers Frontend
1

Using v4.6.3 all I did was swap the Cart Contents and the Search around in the header and found that the cart contents drop down goes off the side of the page when using a mobile phone in landscape mode.

I would have thought that this would have been coded better to stop this. Any ideas how to fix...thanks

[attachment=12771:1.jpg]

[attachment=12772:2.jpg]

[attachment=12773:3.jpg]

1.jpg

2.jpg

3.jpg

2

Try to add the following code to the CSS section of the Theme editor

.ty-dropdown-box__content {
    right: auto;
    left: 0;
}
3

Absolutely PERFECT...thanks so much for your help!

4

You are welcome!

5

One issue...it also made the top My Account drop down go off the page. So for anyone else, to isolate it to just the My Cart drop down the css code needs a top-cart-content added to it. Such as:

.top-cart-content .ty-dropdown-box__content {
right: auto;
left: 0;
}
6

Thank you for the update