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

Hide Bottom Header Border In Mobile Navigation


JaydenCruzL
Go to solution Solved by IXStudio,

Question

  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS /* Remove mobile header border */ @media screen and (max-width:767px) { .header-announcement-bar-wrapper {border: none !important;} }  

Hi Follow to @tuanphan code. Replace that code with this code in Design -> Custom CSS @media screen and (max-width:767px) { body.header--menu-open .header-announcement-bar-wrapper {b

Posted Images

3 answers to this question

Recommended Posts

  • 0

Hi

Follow to @tuanphan code.

Replace that code with this code in Design -> Custom CSS

@media screen and (max-width:767px) {
body.header--menu-open  .header-announcement-bar-wrapper {border:0 !important;}
body:not(header--menu-open) .header-announcement-bar-wrapper {border-bottom: 1px solid #333 !important;}
}

Please use the like button if it helps you!

Best,
Leopold

Edited by IXStudio

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

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