Create margin in woocommerce shop

[basmeijerink]

Hey, guys I want to create more margin between the navbar on the shop and the cart page. I’ve been looking on the forum but it didn’t help so far. Can you help me out?

Bas

[ruenel]

Hello Bas,

Thanks for writing in! Your site is under construction mode. We cannot check it. To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Regards.

[ruenel]

Hello Bas,

You do not have space below the navbar because you have set the Navbar Top Height to 0. You have added this custom css:

.x-navbar-wrap { 
   height: 0px !important; 
}

Please remove this code and then in X > Theme Options > Header > Navbar, set the “Navbar Top Height” to 150 pixels because this is the actual height of your navbar.

[basmeijerink]

Hey, I tried this but it makes the header on my homepage move and it doesn’t fix the problem with the margin of the navbar and the shop/cart. If I apply the recommended fixes my shop title partially dissappear.

Are there other options to create margin between the navbar and the content area of the shop/cart?

Thanks for the effort so far

[christian]

Hey Bas,

Your login credentials don’t work anymore but to answer your question, with custom CSS, yes, you can add a margin.

Please note though that you must know CSS yourself as generally, writing custom CSS is outside the scope of our theme support.

The notice above is especially important if you have other custom CSS. What we suggest might conflict with your CSS. For example, your Shop title might be partially hidden due to other custom CSS. Please try removing all custom CSS on your site so we can recommend an option you can use and not custom CSS.

If you wish to add a margin for Shop and Cart pages only, it would be best though that you upgrade to Pro so you can use the Header Builder and assign a header only for your Shop and Cart pages. There would be no additional CSS added global this way also.

Hope that helps.