Increase the Menu section within Header on Debutify Theme

Shopify Discussion
1

Hey, I am trying to increase the default width that is allocated to the Menu section within the Header. I can see that the Header space is divided into 3 sections: 25% for the Logo Section. 50% for the Menu Section. 25% for the Cart Section. I am trying to change the Header % to 20% Logo, 60% Menu, 20% Cart. This will basically increase the amount of space on the header for the menu. I have seen in the Shopify help center people do this by editing the code section, but it seems it’s Theme specific as I have tried to follow there help step by step, but certain code is just not there in my theme as they where talking about a different theme. Hope this finds the right person and they are happy to share their knowledge.

Regards

Josh

2

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

3

So I worked out a way to increase the width of the Header Menu Section. All I did was I aligned the Menu in the header section from Center Alignment to Left Alignment and that created more space for the actual menu within the Header.

I did this through the following section within the Shopify Dashboard:

Home Page - Header - Settings Section - Navigation - Navigation Type select LEFT.

This will move the entire Menu Section within the header to the left, creating more space within the Header for Menu options.