Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Disabling mobile menu on 7.1


deirdrep

Question

I have created a 2 page website in 7.1. I want to disable the mobile breakpoint of 991px and just keep the regular menu bar visible as there is only 1 button to a contact page on there. Does someone have the CSS code to disable the mobile menu in 7.1 since there isn't an option to set it to 0px in the style editor?

Link to comment

Recommended Posts

  • 0
On 5/12/2021 at 10:32 AM, tuanphan said:

Add to Design > Custom CSS

/* force desktop menu on mobile */
@media screen and (max-width:767px) {
.header-display-desktop {
    display: flex !important;
}
.header-display-mobile {
    display: none;
}
.header-burger {
    display: none;
}
.header-nav {
    display: flex !important;
}
.header-nav {
    display: flex !important;
    flex: 70% !important;
    justify-content: flex-end;
}
}

 

This code works perfect! But is there any way to change the size of the menu in tablet view only? The font becomes large on the tablet but is perfect size in mobile version.

Link to comment
  • 0
On 10/9/2021 at 2:47 PM, NGO2045 said:

This code works perfect! But is there any way to change the size of the menu in tablet view only? The font becomes large on the tablet but is perfect size in mobile version.

Hi,

You mean overlay menu item size?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...