Side cart alignment

Hi @browmaniac

Can you please share the website URL, so I can check the proper classes and provide you the proper CSS code?

Thanks!

Hi! https://browmaniac.ee/

I also noticed when I’m on the main page and open side cart then the social media signs, what are placed on my cover picture, show (come through) in the right bottom corner.. How can I fix this too?
Pic: https://ibb.co/74QxwX1

Hi @browmaniac

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:

/* reduce the mini cart subtotal top padding */
.elementor-menu-cart__wrapper .elementor-menu-cart__subtotal {
    padding-top: 5px !important;
}

You can reduce the top padding value according to your requirement.

Regarding the social icon issue, it seems like it’s showing fine on your website now, take a look at this screenshot: https://screencast-o-matic.com/i/c0ViDQVwbGM

If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Thank you, I used your given code to move the Subtotal line but now the bottom buttons also moved more down.. How can I bring the buttons more up?

Pic how it looks now: https://ibb.co/xqWyHfV

Unfortunately the social icon issue is still present, now it has moved on top of “Maksma” button somehow..

Idk, randomly all my page’s alignments changed yesterday and because of that I’m also having trouble with changing header menu font size and style – I can change it but nothing happens..

/* set menu cart button top margin */
.elementor-menu-cart__footer-buttons {
  margin-top: 4px !important;
}

Whether an element is on top of another element is controlled by the z-index property. The social media buttons have been given a z-index: 100; style. I don’t know if an editor has done this or if its been done by the software. Try to remove the z-index property for the social media icons. They will fall under the slider. If not, give your slider a z-index value of more than 100 to put it on top of the social media icons.

@lorro Thanks, your code worked like a charm! I actually gave up with the social icons and z index, my brain was giving up so I just moved them to the left lol.

I’m not gonna make a new topic, but having again issue with translations, you helped me with these in one of my other topics. I tried SayWhat? and Loco Translate for that but no solution to my problem. Issue is that when the cart is empty and you open sidecart then it says “NO PRODUCTS IN THE CART.”. So the issue is that it isn’t translated to my native language, but would be nice and looking trustful for customers if it would be translated. I’m sure you also have painless solution for that hehe?

@lorro Ugh, just looked mobile view again and sidecart is messed up there. How can I just disable it in mobile view? Sorry for being such a pain in the a.. ??

Regarding the empty side cart message:

Orginal string
No products in the cart.
(Must be exactly that. Not in capitals like it shows on the site. Include the full stop.)

Domain
woocommerce

Context
blank

@lorro Tried it before, no change.. Did exactly like you said ??

Please set the footer buttons margin top back to 4px, not 610px so I can see what it looks like.

Done, please take a look.

Your theme Astra has exactly the same string. Please try it again, but set the domain to
astra
(no capitals)

I’m seeing the word “Vahesumma: ” gets messed up when the viewport width gets down to 240px. This is very narrow even for a mobile. Is that what you are seeing?

For viewport widths greater than 240px, I’m seeing the mini-cart looks OK.

Could you screenshot what you are seeing?

@lorro Sorry, trying with domain: astra it also didn’t work for translation.

Funny is that yesterday the mini cart looked very bad and misaligned, but I went to take a screenshot for you and now it looks totally normal. I just don’t understand what’s going on with that page all the time. *confused*

I’ve tried Astra and Eesti on my test site.

Say What? works for woocommerce as the domain, but not for astra. Ensure the page is fully refreshed and no caching is active.

However, it works without a Say What? replacement. Please go to:
Dashboard > Updates > Translations
Make sure it says “Your translations are up-to-date.”

If it says a woocommerce translation is available, then run that.

When you first select another language, WordPress will update to the new language, but plugins and themes are done separately.

Sometimes browsers will hold the old page, so the browser cache has to be fully refreshed. The way to do this will vary between browsers.

You say the mini cart was corrupted yesterday, but not today. This is a sign that some caching is active. Caching refreshes itself after a period of time.