Logo overlapping Cart Message

Hi,
I have a logo that overlaps the main nav area and it is causing the logo to appear on top of a Woocommerce product page’s message when a product is added to a cart. Please see attached screenshot!

Is there some CSS or something I could use to move this so it is not overlapping? I want to keep the logo where it is, but I need the message to be legible.

Here is my URL: https://www.lionesslegion.com/lioness-legion-store/ it is happening on any of the store items.

Thank you!

Hello @newmoonstrategy

Thanks for writing to us.

As far as your screenshot suggests, you need to add some space from the top so that your Woocommerce cart message can be visible. You add Margin from the top so that it can create same space.

Here is the class for Woocommerce cart message ".woocommerce-message " You need to add custom CSS code margin-top to move the cart message down. You can add your custom CSS code in Theme Option --->CSS.

For that, you need to learn CSS and learn how to use the browser’s element. Please check out these tutorials.


https://www.w3schools.com/css/css_margin.asp

Hope It Helps
Thanks

Great, that helped a lot. Thank you so much!

Glad that we could be of help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.