Return to previous page

Hamburger Menu missing since update - by David Henry

This topic has 9 replies, 2 voices, and was last updated 5 years, 5 months ago ago by Rose Tyler

David Henry

Participant

November 12, 2018 at 13:20

Hi Guys,

The hamburger menu doesn’t appear on mobile.

I tried removing all files from my child theme and it’s still missing. The code looks different from your demo which I compared.

Any ideas?

Please, contact administrator
for this information.

#202870 Copied Theme version: latest

8 Answers
Rose Tyler

Support staff

November 12, 2018 at 13:42
Hello,

The menu is overlapped by your logo. You can add this code in Theme Options > Custom css > Global custom css:
```
@media only screen and (max-width: 992px) {
    .header-logo .logo-fixed {
        transform: translateX(50%); 
    }
}
```
Regards
#202875 Copied
David Henry

Participant

November 12, 2018 at 14:08

Can it be fixed without a work around?

#202878 Copied

David Henry

Participant

November 12, 2018 at 14:17

Also, it used to be aligned to the right, so did the mobile menu.

Is it possible to get them back to the right hand side to match the desktop menu?

#202880 Copied

Rose Tyler

Support staff

November 12, 2018 at 16:30

1) The situation is caused by your changes in the child theme. With parent theme, it looks like this – http://prntscr.com/lhfdri You can temporarily activate parent theme on site and check.
2) On the right side, you may see cart and wishlist icons. Please describe in more details the desired result.

Regards

#202891 Copied

David Henry

Participant

November 12, 2018 at 17:07

before the update it was formatted like this:

But after the update this changed to this:

I’ve double checked this on Xstore Version: 4.21.1.

This is what my client signed off on, not the new layout.

Can it be changed back, fixed or am I stuck with the new layout for mobile?

#202900 Copied
Rose Tyler

Support staff

November 13, 2018 at 16:21
Please change this code http://prntscr.com/lhvgit to
```
@media only screen and (max-width: 992px) {
    .header-wrapper .container-wrapper {display: flex;}
    .navbar-toggle {
        left: auto;
        right: 0;
    }
    .navbar-header {
        margin-right: 35px;
    }
    .navbar-toggle .et-icon {
        vertical-align: middle;
    }
    .header-logo{
        text-align:left;
    }
}
```
Regards
#203794 Copied
David Henry

Participant

November 14, 2018 at 10:56

Thanks Rose, your a star!

#203850 Copied

Rose Tyler

Support staff

November 14, 2018 at 10:59

You’re welcome!

Regards

#203852 Copied
Viewing 9 results - 1 through 9 (of 9 total)