How can I edit code to make my menu full width?

Store Design
1

Hello,

I am trying to figure out what code, or what part of the code i need to edit to the menu and make it full width.

shopify 1.png
shopify 1.png1920×1080 337 KB

Thanks in advance!

2

Hi @MDNGT-FNTSY

What’s your url

3

It is midnight-fantasy.co.uk and password is Seucau

4

Hi @MDNGT-FNTSY

You have 3 sections in your header, do you want all 3 to be long?

Defineify_0-1602890967320.png
Defineify_0-1602890967320.png1420×428 165 KB

If just the black bar, put this in your theme.scss and save it

@media only screen and (min-width: 990px) {
.navfullwidth .page-width {
    max-width: 100% !important;
}
}
5

Hello,

Nope, just the main menu as shown in the image attached.

Thanks!

6

Hi @MDNGT-FNTSY

If it doesn’t work let me know

7

It worked perfectly! Thank you so much!! Is there a code that will allow me to add colour to just the header section marked in red? As the theme does not have a setting to change the colour of this part of the header. Either way, thank you very much for you help!

shopify 2.png
shopify 2.png1882×1080 326 KB

8

Hi @MDNGT-FNTSY

Do you mean the whole first section red or just an outline?

9

The whole section.

10

Hi @MDNGT-FNTSY

It would look like this, doesnt look good. Is that what you want?

Defineify_0-1602895226016.png
Defineify_0-1602895226016.png1935×270 30 KB

11

Hi @JohnFromJotting ,

Ahhh, nope I was hoping it would cover the header fully. No worries, thanks for much for your help!

12

Hi @JohnFromJotting ,

Would it be possible for you to send me the code to change the color of the header? As I might be able to make it work by making the menu the same width.

Thank you very much and have a great day!

MDNGT-FNTSY

13

Hi @MDNGT-FNTSY

You would need to make it full width indeed, let me know when it’s done ill check your website again