Need to Modify Width of Top Horizontal Menu or Search Bar in 1.7.0.2

[vince p.]

Hello,

 

I'm using the default PrestaShop version 1.7.0.2.

 

I'm trying to ensure that my top horizontal menu does not wrap in a tablet such as an iPad. There's mote than enough space if I can make the correct changes to the CSS.

 

I've thought to change the padding or width of the menu or the search bar adjacent. However, it seems that none of the changes that I make to the ".../themes/classic/assets/css/theme.css" file have any effect.

 

Is there another css file that I need to be looking at?

 

Appreciate if someone can point me in the right direction or offer a solution. Thanks for your help.

[rocky]

Are you sure you're editing the right CSS? Make sure you're editing the code in the right media query.

 

Do you have the "Smart cache for CSS" enabled on the Advanced Parameters > Performance tab? If so, try disabling that.

 

I noticed when that option is enabled, the CSS is not repacked automatically. I have to delete all the CSS files in the themes/classic/assets/cache/ directory for it to repack the CSS.