Mobile Menu Problem

Public Ticket #24837

Conversation thread

PenciDesign replied

3 years ago

Staff Reply

Hi,

You're using the header builder, so if you want to customize the mobile menu, please go to Dashboard > Header Builder > edit your header builder > and check this video tutorial for more - watch from 11':00s

Best Regards,

PenciDesign

blazin1 replied

3 years ago

Customer Reply

I disabled the coming soon mode.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please temporarily disable the coming soon mode, I'll check and send you a quick solution.

Regards,
PenciDesign.

blazin1 replied

3 years ago

Customer Reply

I attached another example of the problem. I want the mobile menu on the left to look like the menu on the right in the example. Please let me know how to fix it. Thanks.

blazin1 replied

3 years ago

Customer Reply

That did not fix the problem. It still looks wrong on mobile. I want it to look like the hamburger menu on mobile and it looks completely different. Check the image attached. It has your copyright and is not the same.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

1. Please go to Appearance → Customize → Vertical Navigation & Hamburger Menu → Turn off the "Hide Menu Hamburger Icon Display on Horizontal Navigation on Mobile" option,

2. Navigate to Customize → Custom CSS: add the following content:

  @media only screen and (max-width: 960px) {
    #navigation .button-menu-mobile {
      display: inline-block;
    }
  }

Regards,
PenciDesign.

blazin1 started the conversation

3 years ago

Conversation Start

How do I change the mobile menu to look like the desktop version? I attached an image so you can see the problem. Please let me know. Thanks.

Want to join this conversation or access attachments? Sign in first.