Disable Mobile Menu, (always show desktop menu)

I’m having trouble with something.

I have a (almost) one page website with only my logo in the header/top-bar but no other menu items. But when i see my site on a mobile device it does switch to a mobile menu (hamburger menu) and i dont want that preferably. I always want to show my header/top-bar like it is on desktop version with only my logo in it. I have tried a lot but havent found how to do this. Any suggestions? Thank you for the effort! Bye.

Theme: Gateway (/)

I’m having trouble with something.

I have a (almost) one page website with only my logo in the header/top-bar but no other menu items. But when i see my site on a mobile device it does switch to a mobile menu (hamburger menu) and i dont want that preferably. I always want to show my header/top-bar like it is on desktop version with only my logo in it. I have tried a lot but havent found how to do this. Any suggestions? Thank you for the effort! Bye.

Theme: Gateway (https://rescuethemes/wordpress-themes/gateway/)

• menus

Share Improve this question edited Feb 26, 2019 at 18:31 Amsterdam_020 asked Feb 25, 2019 at 13:27 Amsterdam_020Amsterdam_020 10511 silver badge55 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

In your browser, hit F12 to inspect your mobile menu. If you resize your browser between 640px & 641px you can see the different styles being applied. You just need to override the styles for mobile.

Here is what I came up with. Paste these styles in Admin > Appearance > Customize > Additional CSS.

.top-bar .title-area {
    float: left  !important;
}

section.top-bar-section {
    display: inline-block !important;
}    

.top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 21.66667px  !important;
    line-height: 65px  !important; 
}