editing ‘view cart’

Hi there ??

Could you please share a link to your site in order to see if I can help you with this issue?

Thanks!

Hi Gabriel,
It’s nonkonform.hu.
Thanks!

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

/* Add top margin to view cart message */
.woocommerce-notices-wrapper {
    margin-top: 90px !important;
}?

Results:

https://www.screencast.com/t/xqfetPHxdnkn
?
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).

I hope that helps ??

Hi Gabriel, thank you for your suggestions!

The CSS works great, however, the secondary menu shifted downwards on the single product pages: https://nonkonform.hu/products/rock-ring-102/
It should be higher, like here: https://nonkonform.hu/products/
Could you please rewrite the code for me so that it doesn’t move?
Thank you!

Glad to know that it worked great.

Upon inspecting your site code, I can see that the space you see for that specific product is generated by your elementor container and not from the CSS code I provided you above. Here is a screenshot:

https://www.screencast.com/t/tHU3GIpX5c

I’d recommend you check the container properties in order to modify the value. However, feel free to use the following CSS code as a workaround:

.elementor-container.elementor-column-gap-no {
    min-height: 0 !important;
}

Cheers!

Thanks for this!
The CSS code you sent me doesn’t work because it shifts the entire secondary header upwards on other shop pages too.

In fact, those 150 pixels are the height of my secondary header. I had created a separate header for my shop pages that works alongside the main header, instead of creating one ‘double’ header for the shop pages and another simple header for the rest of the website.

So, do I understand it well that I’d be better creating that double header (meaning the header for shop pages would be one section in Elementor instead of two) and then just adjust the top margin in the first CSS code you sent me? Is that right?

Thanks for your help, Gabriel!
Have a nice day!

Any news?

Hi @rkrista ??

Apologies for the delay.

To be quite honest, I’m not familiar with Elementor, and it seems that it controls the major layout of your site. However, I’d recommend you to contact them so they can guide you properly in this case. I’m sure that they will be able to provide you a great solution for this.

Here is a link to their support forum:

https://www.ads-software.com/support/plugin/elementor/

If you do require more help with the actual coding, we’d recommend you hire a developer who can take a look at this, quote you for their services, and help you add this feature to your site. We’d recommend getting in touch with a web developer or one of the customization experts listed at https://woocommerce.com/customizations/.

Cheers!

OK, thanks for your answer!
Have a good day!

Great! I’m going to mark this as resolved as this topic is oriented to the Elementor side of things.

If you have any further questions regarding the WooCommerce Core functionalities, you can start a new topic.

Have a great day ahead! ??