Jump to content

Header CTA flush with top right corner; bottom border full bleed

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://flower-fish-2n8f.squarespace.com/

Trying to make header look like image "LV-Nav" below, but not having any luck with setting the CTA button to margin-top and margin-right 0, nor with setting the border to margin-left 0. I am fairly sure the class I want is .header-display-desktop, as that's giving me the line where I want it in relation to the CTA button, but nothing else I've tried works. Here's what I have working on the header right now:

@LVblack: #231F20;

.header-display-desktop {
  border-bottom: 1px solid @LVblack;

Site PW: headerhelp

Thanks in advance for any insight!


Link to comment
  • Solution

Use this CSS

.header-announcement-bar-wrapper {
    padding-right: 0 !important;
    padding-top: 0 !important;


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

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.