Jump to content

How can I change products categories navigation style on mobile only? Brine template Version 7

Recommended Posts

  • Replies 6
  • Views 863
  • Created
  • Last Reply

Q1. Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
ul.category-nav-links {
    display: flex;
    justify-content: space-between;
}
#categoryNav ul li {
    display: block;
}
}

Q2. Which order you want?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...
19 hours ago, priscamichaux said:

Hello, Tuanphan,

i have exactly the same problem but the code doesn't work on my website (www.avrilkids.be).

I m using an old brine template too...

Please help me

 

Best regards

The url doesn't exist. Can you check it again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hello Tuanphan,

thank you for your time!

Yes sorry i made a mistake in the URL it is www.avrilkids.com

but i have manage to solve the problem in an other way,

i have delete the category menu, and uses the categories as links in the main menu, it's better for me like that,

the only problem now is that the menu is separated in the mobile version, we have to click on an arrow to see the categories. Do you know how i can solve that? I would like the whole menu to appear together.

Thanks for your precious help!!!

Link to comment
13 hours ago, priscamichaux said:

Hello Tuanphan,

thank you for your time!

Yes sorry i made a mistake in the URL it is www.avrilkids.com

but i have manage to solve the problem in an other way,

i have delete the category menu, and uses the categories as links in the main menu, it's better for me like that,

the only problem now is that the menu is separated in the mobile version, we have to click on an arrow to see the categories. Do you know how i can solve that? I would like the whole menu to appear together.

Thanks for your precious help!!!

Where is it? I don't see it on shop page

https://avrilkids.com/shop?category=doudous

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hello Tuanphan,

the shop categories are in the main menu now (first navigation) in the shop "file", you have "Doudous", "New doudous", "Sales" & "Archives". 

It looks good on the desktop menu view but not on the mobile menu because you have to click on an arrow to see the categories. I put a printscreen of what i try to achieve in attachement.

Thanks again for your help

 

Best regards,

 

Prisca

Capture d’écran 2021-05-19 à 11.31.57.png

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.