Minimal theme: header padding/menu justification - right of logo

Solved
Excursionist
23 2 3

I have an issue with the padding/justification of my header. The menu is justified right and there appears to be significant padding around the logo. Does anyone have an idea how to fix this?

 

Thank you!

 

Annotation 2020-02-29 061019.jpg

 

 

 

0 Likes
Highlighted

Hello @tslife,

Please share your site url so that I will help you..

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
23 2 3
Highlighted

Success.

@tslife,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

header .grid__item.post-large--one-third.post-large--display-table-cell {
	width: 18%;
}
header .grid__item.post-large--two-thirds.post-large--display-table-cell.medium-down--hide {
	width: 82%;
}
.site-nav#AccessibleNav {
	text-align: center !important;
}
.site-nav#AccessibleNav .site-nav__link {
	padding: 3px;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
23 2 3

I only have theme.liquid. 

 

I added this code and nothing has changed. Please advise. Thank you!

0 Likes
Highlighted

Please check in assets..

I have checked on your site that You have theme.scss file

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
1337 111 181

 H @i ,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.css->paste bellow code in bottom of file

@media screen and (min-width: 992px) {

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

.site-header .grid__item.post-large--two-thirds.post-large--display-table-cell.medium-down--hide {
width: 87% !important;
}
.site-header .grid__item.post-large--one-third.post-large--display-table-cell {
width: 12% !important;
}

}

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
23 2 3

Thank you so much! All fixed now :)

0 Likes