Mobile Header - Show Button


1. Plugin Info

Show the header button in the mobile header.

  • Works with Squarespace 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Show Button On Mobile - Ghost //

@media only screen and (max-width: 800px) { .header-actions, .header .header-actions-action--cta { display: block !important; padding-right: 30px; } .header-title-nav-wrapper { flex: auto !important; } } 

// Show Button On Mobile - Ghost //

3. Customizable Options

  • No customizable options


4. Plugin Notes

  • Setting the mobile header layout to logo left / menu right is recommended.

  • If the button isn’t showing, check to make sure it’s enabled in header settings.


Previous
Previous

Yes! 2 Navigation Buttons

Next
Next

Full Site and Page Sections - Border Style