Hiding mobile ‘hamburger’ mobile menu

  • Resolved ceol

    (@ceol)


    3 years ago

    Hi.
    Trying to just have normal text menu display on mobile rather than hamburger.
    Using this:

    @media (max-width: 10000px) {
	.header-top.section-inner .nav-toggle {
   display: none !important;
 }
	 
	.header-top.section-inner
	.site-nav   {
   display: flex !important;
 }

    successfully hides hamburger menu but can’t get standard menu to show. Any help much appreciated.
    Thanks for the lovely theme!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @ceol,

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    @media (max-width: 10000px) {
    .header-top.section-inner .nav-toggle { display: none; }
    .header-inner { display: block; padding-bottom: 3.3rem; }
    .site-description { display: none; }
    .social-menu-wrapper { display: none; }
}

    Let me know if that does it.

    — Anders

    Thread Starter ceol

    (@ceol)

    Yes that worked.
    Thanks a million

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hiding mobile ‘hamburger’ mobile menu’ is closed to new replies.