Cart Dropdown Position

[rikbutterflyskull]

Hi, i have a small issue with the cart dropdown. See the screenshot, also in your demo page. For me is the same in Safari/Firefox, not in Chrome.

This not happen in every page, but randomly.

All three browser with empty cache/data in my project and in your demo, for my project no caching, cdn, pre-render or something similar.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

I see, we will investigate this but please add this css into your wp-admin -> theme options -> general settings -> quick css

COPY CODE

i.icon.icon-basket-full-alt {
    line-height: 88px !important;
}

Let me know if this will solve the issue.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[rikbutterflyskull]

I think was a hidden height or position value, but now i see that is the same Main Height option. CSS trick works until i change the Main Menu Height in Header options.

But thanks to your suggestion, i checked the code for line-heigh elements and there is a line-height from lib/plugin-woocommerce/config.php

I change line 920

. '<a class="cart-contents" href="'.$woocommerce->cart->get_cart_url().'" title="'.__("View Cart", "woocommerce").'" style="line-height: normal;">'
in
. '<a class="cart-contents" href="'.$woocommerce->cart->get_cart_url().'" title="'.__("View Cart", "woocommerce").' " >'

and put .cart-contens class in assets/css/dynamic.php – line 1464

echo '.navbar-header {height: ' . sq_option( 'menu_height', 88 ) . 'px;}';
to
echo '.navbar-header, .cart-contents {height: ' . sq_option( 'menu_height', 88 ) . 'px;}';

So it’s fixed now in all my browsers. Many thanks

[rikbutterflyskull]

here the config file with the full line https://www.dropbox.com/s/k1ohvswac5c1lll/config.php?dl=0

[rikbutterflyskull]

UPDATE

This .top-bar .cart-contents {height: 33px!important;} in quick css or style.css will fix the height when top menu is selected as cart location.

[Radu]

Hi,

Thank you for these solutions

Have a nice week

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts