How to keep menu navigation on one line in Spotlight theme?

How to keep menu navigation on one line in Spotlight theme?

Dalma3
Tourist
15 0 2

I use Spotlight theme. My menu is now showing on two lines on a desktop even though it looks like there is plenty of space to stretch it out. How can I fix this? Here is a screenshot (store name has been blacked out).

 

Screenshot 2024-07-27 at 11.26.46 PM.png

Replies 4 (4)

niraj_patel
Shopify Partner
2378 514 512

Hello @Dalma3 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

BSSCommerce-HDL
Shopify Partner
2305 848 1065

Hi @Dalma3
Can you kindly share your store link (with the password protected, if any) with us? We will check it and suggest you a solution if possible.

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

tim
Shopify Partner
3765 351 1386

Your header width is restricted to match the rest of your site.

You may add the following code to the "Custom CSS" setting under "Theme Settings" to make it a bit wider so that menu fits on one line.

header {
  --page-width: 1300px;
}

Change the the value to your taste, default is 1200px.

(You may try adding the code to "Custom CSS" settings of the "Header" section, but this may not work)

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

BSS-TekLabs
Shopify Partner
2350 702 828

Hi @Dalma3,

Could you kindly provide us with your store URL and, if applicable, the password, so that our team can offer you the necessary support?

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now