Increase the Navigation Container size

[AhmerAli]

Hi

I need to increase the container size for the navigation menu so that it fits in a single row. Attached is a picture for reference.

Due to other website not possible to share the link

Thank you

[GTLOfficial]

HEllo @AhmerAli
can you please provide the URL and password of the store.

[Dan-From-Ryviu]

Hi @AhmerAli

Could you share your store URL so I can give you the code?

[Moeed]

Hey @AhmerAli

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[AhmerAli]

Hi Moeed

https://5x7egpg5gs8mmecc-58729136326.shopifypreview.com

Here is the URL

[GTLOfficial]

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css----> line number 242
search this code

@media (min-width: 1150px) {
.lg\:hdt-custom-col-6 {
width: 50%;
}
}

and replace with this code

@media (min-width: 1150px) {
.lg\:hdt-custom-col-6 {
width: 65%;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Moeed]

Hey @AhmerAli

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (min-width: 990px) { .hdt-main-header .lg\:hdt-custom-col-3 { width: 16% !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[AhmerAli]

Hi Moeed

Thanks for the reply

But it did not work appropriately as it first appears in 2 lines then it goes in 1 lines after complete page load

[AhmerAli]

Hi GTL Official

Thanks for the reply

I found this is code here and made it to 65%

but still the menu is in 2 lines

[AhmerAli]

Hi

Thanks for the reply but it appears like this

And it did not work appropriately as it first appears in 2 lines then it goes in 1 lines after complete page load