Hamburger menu breaks to new line

  • Resolved Carl Gross

    (@carlgross)


    5 years ago

    Hello. In the Customizer, I have enabled Header–>Responsive Menu Style–>Switch to new responsive menu. I now see that at a screen width of 768 px, my main menu is replaced by a hamburger menu, which is on the same line as my site title. But at screen widths below 600 px, the hamburger menu breaks to new line (screenshots). Why is that? Is there a way to ensure that the hamburger menu remains on the same line as the site title, at all screen widths?

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Milan Thapa

    (@rubick322)

    Hi there,

    Hamburger menu breaks to a new line from and below 600 px widths, this is because we don’t want to clutter the header. But if you still want to have the design same as at screen width of 768 px, add the following CSS code: 

    @media screen and (max-width: 600px) {
.better-responsive-menu #header-left-section {
	float: left;
}
.better-responsive-menu #header-right-section {
float: right;
}
}

    Help link: https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

    Thanks and Regards,
    Milan

    Thread Starter Carl Gross

    (@carlgross)

    OK thanks for that. We can consider this resolved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hamburger menu breaks to new line’ is closed to new replies.