How to set Menu in full extension, with all the items in the same line?

Store Design
,

Topic summary

A user seeks to extend their menu to display all items in a single line across the full width of their store (dentalgoodbuys.com).

Initial Solution:

  • Custom CSS code was provided to add to the base.css file, which successfully extended the menu to full width.

Side Effect:

  • The full-width extension also enlarged product photos, reducing the number of items per row from the desired 6 to fewer items.

Resolution:

  • The user independently solved the product grid issue by modifying featured-collection.liquid.
  • Changed the maximum column setting from 5 to 6 in the columns_desktop range configuration.
  • This allowed 6 product photos per row while maintaining appropriate photo sizes.

Limitation:

  • The user attempted to increase beyond 6 columns but found it cannot exceed this number, likely due to theme constraints.
Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

dgbt.jpg
dgbt.jpg1674Ă—548 60.8 KB

2

hi @NGM2022

Could share me your store url and the store password (if any)? Then I can review it

3

www.dentalgoodbuys.com

4

@NGM2022

Add this code at the bottom of Theme > Edit code > assets > base.css file

@media screen and (min-width: 750px) {
	.page-width {
   	 	max-width: 150rem;
	}
}

Try it and let me know

5

that worked, however, everything is in full extension including the product photos that turn out to have a bigger size. Is any way to maintain the same product photo size but place more lateral row photos, thus instead of 5 photos, 6 photos?

6

hi @NGM2022

You can set the mumber item on per row via the section settings you are using on you store

7

the maximum to set there is 5 (columns), can I change the code for more?

8

hi @NGM2022

Well, I think you will need hire an expert to modify some code

1 Like
9

I did it myself

featured-collection.liquid

“type”: “range”,
“id”: “columns_desktop”,
“min”: 1,
“max”: 6,
“step”: 1,
“default”: 4,
“label”: “t:sections.featured-collection.settings.columns_desktop.label”

10

hi @NGM2022

Then you need to set columns_desktop to 6 toTheme customization

11

I just had to change 5 to 6 there (max). Curiously, It cannot be seven or more… I tried