Menu is not responsive (URGENT)

Posted in: Newsmag
Post count: 5

Website:http://neverendingcircle.com

The menu is not responsive. When we come to a small size laptop, the menu list comes to the second line. Please check this ASAP.

Post count: 35449

Hello,

You can try this custom css for smaller devices -> http://prntscr.com/p3m7bv
.td-week .td-header-style-10 ul.sf-menu > .td-menu-item > a {
font-size: 15px;
}
.td-header-style-10 .td-header-main-menu {
padding-left: 0px;
}
.td-main-page-wrap {
padding-top: 0px;
}

You need to set this custom css in Theme panel> Custom code> Advance css
-> http://prntscr.com/p3m8aq

Hope this will help you!
Thank you!

Post count: 3

Has something changed meanwhile? Because I have the same problem that my Header Menu isn’t responsive. Some Categories are moving into the 2nd row if I minimize my view.

Post count: 3

Sorry, here is the link to the website http://esimson.de/

If you resize it for a Laptop view the Menu opens a second row which is not like we suppose to have it.

Post count: 35449

Hi,

I think that you are referring to this -> https://i.imgur.com/gT8SU9k.png the last
category from menu is moved to the second row because there is not enough space on the first one, in your case the desktop resolution need to be under the 1024px.

Thank you!

Post count: 3

Hello Calin,

thanks for the answer. The problem is and was that I changed the font size of the menu in the theme panel (to 19x instead of default). Now I have reset it to the default size, which works fine. But I want to change the size of the menu to 19px for the full window size and when I lower the display resolution of the window, the font size should be reduced (11px for 768 to 1018px). I have tried to edit this inside the theme editor “style.css”, but my size is overwritten by some other line of code. The question is where to force the size of the fonts? Now the question is, where can I change the size of the font (outside the theme panel)? style.css

Post count: 35449

Hi,

Please do not edit the theme files, because these will be lost when you’ll make a update, you can use the fields from theme panel custom css -> https://i.imgur.com/lhYAchf.png set there the css like this -> https://i.imgur.com/gXK6cZw.png

Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newsmag’ is closed to new topics and replies.