Help with main menu navigation code

Solved
Tourist
10 0 0

Hi there, 

Would someone please be able to help me to make my menu heading items fit all along one line across the top rather than two?

Heres my website: www.littlebirdietrading.com 

Thanks in advance 

0 Likes
Excursionist
10 3 4

This is an accepted solution.

Hello,

Go to you active theme Edit code in Assets find theme.scss.liquid, after you open the file search for @media only screen and (min-width: 750px) inside put

#shopify-section-header .logo-align--left { width: 10%} #shopify-section-header #AccessibleNav { width: 80%; } and save.

Tourist
10 0 0
Thank you,
But it didn’t work - I tried to paste it in twice there but nothing has changed.. this is what i have now in the section

@media only screen and #shopify-section-header .logo-align--left { width: 10%; } #shopify-section-header #AccessibleNav { width: 80%; }#{$declaration} {#shopify-section-header .logo-align--left { width: 10%; } #shopify-section-header #AccessibleNav { width: 80%; }
@content;
}
}
}

@IF $breakpoint-found == false {
@warn 'Breakpoint "#{$media-query}" does not exist';
}
}

0 Likes
Tourist
10 0 0

Thank you for your reply, 

This is what mine shows.. 

 


@media only screen and #{$declaration} {
@content;

there is no  (min-width: 750px) to edit?

Where should i paste the code please? and what should i remove 

TIA

0 Likes
Excursionist
10 3 4

This is an accepted solution.

Hello,

Please remove all the changes if you made them, now edit the theme.scss.liquid file and at the very bottom put this code in:

 

 

@media only screen and (min-width: 750px) {
#shopify-section-header .logo-align--left{ width: 10%; }
#shopify-section-header #AccessibleNav { width: 80%; }
#shopify-section-header .site-header__icons{ width: 10%; }
} 

 

 

 
 
 
Tourist
10 0 0

Hi again, 

it didn't work and now it's totally messed my website up! 

is there a way to un-save the changes made?

0 Likes
Excursionist
10 3 4

Ctrl+z until all the changes are gone. If you still got problems please send me the file and i will send it back to you with the changes made 

0 Likes
Tourist
10 0 0
It’s not working
I keep getting this error message
The following error was found in assets/theme.scss.liquid
Invalid CSS after "}": expected "}", was "" at 8723



0 Likes
Tourist
10 0 0

Hi, 

I don't know what has happened but now my coding is totally cooked and my website is down! 

Can someone please help me?

0 Likes
New Member
3 0 0

Hi littlebirdie. 

Please, Kindly drop your site details. 

And please refer to my previous messages

Warm Regards

0 Likes