Menu appears twice on mobile

Public Ticket #17099

Conversation thread

5 years ago

Staff Reply

Hi,

This is a child theme that contains all the customized data as you request.

Please download and activate this theme. You can update the parent theme in the future without risk.

Regards,
PenciDesign.

5 years ago

Customer Reply

That won't work, it will return every time an update will be issued.

5 years ago

Staff Reply

Hi,

If you want permanently delete this menu, please follow these steps:

1. Go to Appearance > Theme Editor, select theme to edit: Soledad

Find and delete (line 216):

get_template_part( 'template-parts/header/vertical-nav' );

2. Navigate to template-parts/header/header-6.php, find and delete

<div class="button-menu-mobile header-6"><?php penci_fawesome_icon('fas fa-bars'); ?></div>

3. Add the following custom CSS code to Appearance > Customize > Custom CSS:

.penci-menuhbg-wapper {
    float: right !important;
}

Regards,
PenciDesign.

5 years ago

Customer Reply

attachment

5 years ago

Customer Reply

Hello,
I don't think you understood my request.

I want the menu only on one side - the right side.

I do not want to make it invisible, I don't want it drawn twice. I don't want it twice in the DOM.

Why is does the hamburger appear on both sides anyway?

5 years ago

Staff Reply

Hi,

Please try to add the following CSS code to Appearance > Customize > Custom CSS:

@media only screen and (max-width: 960px) {
    .penci-menuhbg-wapper {
        display: none;
    }
}

Regards,
PenciDesign.

5 years ago

Conversation Start

Hello,
How do I get the menu to appear only on the right side and not on both sides of the header on mobile?

Thank you

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