Changing the Layout & font of Menu Navigation - Debut Theme

Store Design
1

I’d like to change the menu layout so that it shows in only 1 row
From this

dfmkt20_0-1652236217171.png
dfmkt20_0-1652236217171.png1888×430 162 KB

To this.

dfmkt20_2-1652236830874.png
dfmkt20_2-1652236830874.png1897×429 34.3 KB

What do I need to adjust in the code (how and where)?

Additionally, how do I standardize the font for the website?

1 Like
2

Change the font size of your menu smaller and it will show in 1 row.

3

@dfmkt20

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

5

@KetanKumar https://comvita.com.ph/

1 Like
6

@Denishamakwana https://comvita.com.ph/

7

@dfmkt20

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
nav#AccessibleNav {
    width: 100%;
}
@media only screen and (min-width: 750px) {
.site-header {
    padding: 0 20px;
}
}
@media only screen and (min-width: 860px) {
.site-nav__label {font-size: 12px;}
}
@media only screen and (max-width: 859px) {
.site-nav__label {font-size: 9px;}
}
1 Like
8

@KetanKumar Thank you, it works

1 Like
9

@dfmkt20

its my pleasure to help us