Main menu in header on one line

Solved
Molly8
Explorer
99 11 18

Hi

Can anyone please tell me how to put my main menu on one line without reducing the text size. I would also like it to come down slightly to line up with logo. Thanks.

mollycoddle-meg.myshopify.com

Password - preepi

0 Likes
KetanKumar
Shopify Partner
22556 2281 8389

This is an accepted solution.

@Molly8 

sorry for that issue but i can see now 1 line 

KetanKumar_0-1627956922398.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Molly8
Explorer
99 11 18

Hi

Sorry for the delay. It must be the computer I am viewing it on. Would you be able to push it over to the right slightly so there the same padding between the logo and the icons on the right?

Thanks

0 Likes
Natztech
Shopify Partner
1901 493 1175

hello @Molly8 

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

@media only screen and (min-width: 789px){
.site-header  .grid .grid__item:nth-child(3) {
	width: 10% !important;
}
.site-header  .grid .grid__item:nth-child(3)  .site-header__icons-wrapper{
	justify-content: center !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
Molly8
Explorer
99 11 18

Hi

No that didn't work but it may the size of screen i'm viewing it on. I do have the different Shopify views, mobile, desktop and fullscreen but my laptop is only 11 inch. Would this make a difference?

Thanks

0 Likes
Molly8
Explorer
99 11 18

Hi

Ive made the font slightly smaller which has now put the main menu into one line but it would be nice to be able to have the main menu moved to the right slightly to fill the gap evenly between the logo and the search, login, basket icons. If thats possible, that would be great.

Kind regards

 

 

 

0 Likes
Natztech
Shopify Partner
1901 493 1175

hello @Molly8 

I see your store it's already have to  fill the gap evenly between the logo and the search

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
Denishamakwana
Explorer
65 9 9

This is an accepted solution.

I try to give my best to your site looking good 

sorry but here I slightly change the font size of header font

please try to given code in theme.css 

.site-header__logo img {

         width: 250px!important;

}

.site-nav a {
     padding: 3px 8px;
@media only screen and (min-width: 750px){
.medium-up--one-half {
       width: 65%;
Molly8
Explorer
99 11 18

This is an accepted solution.

Hi

FANTASTIC!! It worked. Thank-you so much for your help.

 

0 Likes
Molly8
Explorer
99 11 18

Hi

Sorry but I've just realised my logo has shrunk considerably. Can this be made bigger? It looks like there is enough room for the padding to shrink slightly.

Thanks.

0 Likes