Jump to content

Mobile Menu Redirection and Close Button

Recommended Posts

Site URL: https://sthenos.co

Dear all,

At this site, when you click on Index, it opens a full screen menu.

  1. Is it possible to put an x button to be able to close the menu?
     
  2. Is it possible in the mobile/tablet version, when you click on the burger button to see directly the menu selections, instead of the word index? From burger button<index<menu selections to be burger button<menu selections?


Thank you

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

10 hours ago, HSL said:

@tuanphan I would greatly appreciate your guidance, Sir. Thank you very much.

Hi. Have you tried contacting Mega Menu plugin author yet?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
4 hours ago, tuanphan said:

Hi. Have you tried contacting Mega Menu plugin author yet?

I have tried your code to force the desktop menu and it works amazingly. The only problem is the padding of the word index is far left. Thank you!

.header-display-desktop {
padding-right: 70px !important ;
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;
}

Edited by HSL
Correction
Link to comment
20 hours ago, HSL said:

I have tried your code to force the desktop menu and it works amazingly. The only problem is the padding of the word index is far left. Thank you!

.header-display-desktop {
padding-right: 70px !important ;
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;
}

Which padding? Can you take a screenshot?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.