Jump to content

Reduce header size?

Recommended Posts

  • Replies 2
  • Views 73
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted (edited)

Hello @ArtsyQ, When you say "size," do you mean the height of the header? Let me know so I can assist you better. In the meantime, have you tried adjusting its height in the settings? Check out the attached screenshot for reference. If you still need to customize the height further, you can use the following code. (play around with the px values.

  1. Navigate to Pages > Website Tools > Custom CSS.
  2. Paste the code into the CSS editor.
  3. Hit Save and you’re done
/* Styling the Header */
div.header-announcement-bar-wrapper {
    padding-top: 5px !important;   /* Adds 5px padding to the top of the announcement bar */
    padding-bottom: 5px !important;/* Adds 5px padding to the bottom of the announcement bar */
}

Screenshot2024-11-29at9_01_20AM.thumb.png.cec425f335538f33e1016e7e7eec952e.png

 

Edited by Spark-Plugin

- Answered by Iuno from sparkplugin.com

forumsignature-recommendedcopy2.png.0579645eb1430dc7c1059541dc6456c6.png

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.