Return to previous page

Margin of shop pages towards header too small

This topic has 2 replies, 2 voices, and was last updated 2 years, 7 months ago ago by Olga Barlow

Sebastian

Participant

March 16, 2022 at 22:36

Dear XStore team,

how is it possible to change the margin from shop pages (product archive, single product page, checkout etc.) towards the header?

Is it also possible to deactive the shop pages from x-store? So I can simply use the elementors theme builder?

Kind regards,
Sebastian

#319777 Copied Theme version: 8.0.12 WooCommerce version: up-to-date

1 Answer
Olga Barlow

Support staff

March 17, 2022 at 15:09
Hello,

Did you create header using the Elementor page builder?
You can add the margin-bottom for the header but it will appear for all the pages. If you want to add margin for WooCommerce pages only then add the below code to Theme Options > Custom CSS
```
.woocommerce-page .elementor-location-header {
    margin-bottom: 20px;
}
```
Do you use Elementor Pro? Then follow the plugin docs to edit the shop page https://elementor.com/help/creating-a-woocommerce-archive-template/

Regards
#319853 Copied
Tagged: header, margin, optimization, small, template, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Margin of shop pages towards header too small’' has been successfully resolved, and the topic is now closed for further responses

Margin of shop pages towards header too small

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection