ArtsyQ Posted Thursday at 04:04 PM Posted Thursday at 04:04 PM Site URL: https://thegaragegenius.squarespace.com/ I'm looking to reduce the size of the header with a CSS code (I don't have the upgrade for Code Injection). This is behind a password wall but happy to share that as well!
Spark-Plugin Posted Friday at 08:02 AM Posted Friday at 08:02 AM (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. Navigate to Pages > Website Tools > Custom CSS. Paste the code into the CSS editor. 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 */ } Edited Friday at 08:52 AM by Spark-Plugin - Answered by Iuno from sparkplugin.com
Squareko Posted Saturday at 10:46 AM Posted Saturday at 10:46 AM add this code into .header .header-announcement-bar-wrapper{ padding: 0px !important; // you can customize the padding as you want }
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment