menu item on another line

You can try increasing the maximum width of your menu:

.main-navigation {
  max-width: 700px;
}

Thanks Kathryn. Again it worked only when i put on the additional css, rather than the child theme’s css.

I think something is broke, nothing else works in css now. One more thing about the menu is that on mobile half of it is hidden, so it is difficult to understand it’s a menu. How can I resolve that, do you know?

I can open another topic too. On page https://imonlyhappywhenitravel.com/music/ the text boxes and html right below look fine on desktop (3 text,3 html in each line), bit in mobile it messes up and shows the headlines (texts) all together, then the htmls. I get it’s the logic of the narrow page, how can I adjust it?

Many thanks.

I think something is broke, nothing else works in css now. One more thing about the menu is that on mobile half of it is hidden, so it is difficult to understand it’s a menu. How can I resolve that, do you know?

To figure out what’s conflicting, you can try:

– Removing all your custom CSS bit by bit until you find the culprit

– If that doesn’t solve it, temporarily deactivate your plugins one by one, checking the display in between each.

I can open another topic too. On page https://imonlyhappywhenitravel.com/music/ the text boxes and html right below look fine on desktop (3 text,3 html in each line), bit in mobile it messes up and shows the headlines (texts) all together, then the htmls. I get it’s the logic of the narrow page, how can I adjust it?

This isn’t theme-related, since you’re using some type of page/layout builder. If you need help with the responsive display, try going through the plugin or builder’s support channel.

Thank you for your reply Kathryn. Is this part theme related?

“half of the menu on mobile is hidden, so it is difficult to understand it’s a menu. How can I resolve that, do you know?”

I don’t think this is a bug in the theme, as the issue is not present on the demo site. Since it sounds like you’re having trouble tracking this down, I took a closer look for you. Looks like you removed the search bar in your child theme, which is reducing the height of the containing element. If you add this, it should overcome the issue:

.site-header-inner {
  min-height: 50px;
}

For any new requests, please start a new thread, thanks.

Kathryn, you’re the best! Thank you sooo much ??

You’re very welcome.