Removing unwanted Margin in Header

Solved
HGSR_2020
Excursionist
19 0 10

Hi there,

Still working on the website and would like to know to remove unwanted margin/padding from either the logo, or the search, shopping page etc, please???

Currently have all this space... and unfortunately the navigation is going onto 2 lines which we want to avoid (screen size of laptop is 1500x1000)

HGSR_2020_0-1614645395379.png

Many thanks

0 Likes
dmwwebartisan
Shopify Partner
5853 1339 1716

@HGSR_2020 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
HGSR_2020
Excursionist
19 0 10

HI 

dmwwebartisan
Shopify Partner
5853 1339 1716

@HGSR_2020 

To remove space add the following code at the bottom of your assets/theme.css file.

#PageContainer {padding-top: 55px !important;}
.site-nav {margin: 0px 0 !important;}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5853 1339 1716

This is an accepted solution.

@HGSR_2020 

For the menu add this code.

.site-nav__link--button {padding: 3px 3px !important;}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Natztech
Shopify Partner
649 179 434

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

.site-nav__link--button {padding: 3px 3px !important;}

 

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
HGSR_2020
Excursionist
19 0 10

Thanks - this was perfect!