[Mupa]

With a resolution of 1280×800 the search symbol of my menu will be rendered in the next line. Is it possible to make the div of the menu a little bit larger, so that all items are in one line? I think i need just a few pixels more width.

A second possibility could be to switch earlier to the mobile menu. How can i achieve this?

[Pratik]

Hi @Mupa,
To increase the width at that resolution, use following CSS Code:

@media screen and (max-width: 1280px) {
	#fixed-header .wrapper {
    width: 1135px;
  }
}

Second option is to show mobile menu early as you said. Currently when width goes below 991px, mobile menu appears. So we can make it so that then width goes below 1281px, mobile menu appears. To achieve this, use following code:

@media screen and (max-width: 1280px) {
  .mobile-menu-anchor {
    display: inline-block;
  }
  
  .nav-primary .menu {
    display: none;
  }
}

Let me know how it goes.

Regards,
Pratik

[Mupa]

The first option works perfect for me, thanks a lot.

[Author]

Posts