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 post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hey @deirdrep - sorry this answer is a bit late but I am just now hopping back into the forums! Anywho, if you still need the code, this button will keep it active on all breakpoints and hide that ham

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 h

This worked for me to remove the hamburger from the mobile site...but is there anyway to add navigation menu with page titles? i.e. for mobile version... |                SITE TITLE              

8 answers to this question

Recommended Posts

  • 2

Hey @deirdrep - sorry this answer is a bit late but I am just now hopping back into the forums! Anywho, if you still need the code, this button will keep it active on all breakpoints and hide that hamburger for ya. Hope it helps! And let me know how those margins/paddings look after you try it; depending upon the size of the text in your button we might need to finesse this fit a little... keep me posted! 🙂

 

.header-burger {display: none!important} .header-actions .btn, .header-actions .header-actions-action--cta {display:flex!important; visibility:visible; margin:auto!important; order: 2!important;}

 

Code queen and CSS behind InsideTheSquare.co

😃 Free CSS tutorials: insidethesquare.co/tutorials-for-squarespace
🥳 Free 7.1 training course: itssevenone.com/training
👍 CSS Cheat Sheet - codes for 7 & 7.1: insidethesquare.co/css
📚 CSS for Squarespace course: customcodeacademy.com

Link to post
  • 0

This worked for me to remove the hamburger from the mobile site...but is there anyway to add navigation menu with page titles? i.e. for mobile version...

|                SITE TITLE               |
|   Page 1    Page 2   Page 3  |

|     [Home Page Content]    |

 

Site is RanchoSylva.com

 

@inside_the_square any ideas?

Edited by LanaRanchOgA
Link to post
  • 0
On 2/11/2020 at 6:22 PM, LanaRanchOgA said:

This worked for me to remove the hamburger from the mobile site...but is there anyway to add navigation menu with page titles? i.e. for mobile version...

|                SITE TITLE               |
|   Page 1    Page 2   Page 3  |

|     [Home Page Content]    |

 

Site is RanchoSylva.com

 

@inside_the_square any ideas?

Also looking for an answer to this question

Link to post
  • 0

@inside_the_square i applied this to my site, the hamburger nav was hidden however it is also hiding the link that was original in the nav.

I noticed on your original post that you mention it may have to do with the margins and padding. Could you elaborate? 

My site isnt yet published, hower I can send over screen grabs if you would like! 

Link to post
  • 0
On 6/4/2020 at 2:25 PM, itsmollyjones said:

@inside_the_square i applied this to my site, the hamburger nav was hidden however it is also hiding the link that was original in the nav.

I noticed on your original post that you mention it may have to do with the margins and padding. Could you elaborate? 

My site isnt yet published, hower I can send over screen grabs if you would like! 

Have you solved yet? If no, you can share url, we can check easier.

Link to post
  • 0

If your logo is centered, and you use the code that the great and powerful @inside_the_square has bestowed upon us, then it will be slightly off center. No worries, here is the fix.

 

.header-title-logo {padding: 0px 0px 0px 0px !important}

 

That's what worked for me anyways but I'm not a CSS wizard.

 

Edited by WillPruitt
Link to post

Create an account or sign in to comment

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


×
×
  • Create New...