we are currently arranging our shop with Thefox. We have an issue with the header. We added the cart and the search icon. When we shrink the window the pages that are in the navigation bar hop into a second line underneath the cart and the search icon. It takes more shrinking of the window until it vanishes into the hamburger menu. This looks weird. Same goes for your Demo shop. Is there a possibility to fix this, so that the header does not divide in two lines ( First line search and cart icons, second line the pages) but goes directly into the hamburger menu when there is not enough space?
Hey
we are currently arranging our shop with Thefox. We have an issue with the header. We added the cart and the search icon. When we shrink the window the pages that are in the navigation bar hop into a second line underneath the cart and the search icon. It takes more shrinking of the window until it vanishes into the hamburger menu. This looks weird. Same goes for your Demo shop. Is there a possibility to fix this, so that the header does not divide in two lines ( First line search and cart icons, second line the pages) but goes directly into the hamburger menu when there is not enough space?
I am looking forward to your answer.
All the best from Berlin
Leni
Hello Leni, thanks for purchasing Thefox!
Do you have a link to your website so we could check the problem.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
We are not yet online so that I cannot send the link but I attach some photos for you to see.
The same goes with your Demo Theme.
Hello Lent,
The problem is the number of menu items, we could reduce the space between the menu items, could you tell us what header type you are using?
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi. this is Udo from the same team.
I think we solved our problem. We shortened the names of the menu items and put
.nav_type_4 ul li a {padding: 35px 12px 40px 12px;
}
in the custom CSS.
Kind regards
Udo
Hello Udo,
Glad you have solved the problem.
If you want to make the menu space to become smaller only when you resize the browser you can modify your code to this :
@media only screen and (min-width: 1034px) and (max-width: 1214px) { .nav_type_4 ul li a { padding: 35px 12px 40px 12px; } }Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme