Jump to content

header padding

Recommended Posts

Hello guys

Need help with adding/removing padding in header. I am using 7.1.

Now I am working on demo version so there is no link to my page, I insert link for my old web (I want my new 7.1 to look like this one from 7.0 🙂 ). 

Do you have any codes for managing this padding:



Im using this code (for having footer navigation on the top right)  in Code injection:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script type="text/javascript">
   $(function() {
   $(".header-display-desktop .header-nav-item:nth-child(n+3)") .prependTo (".header-actions--right");

and In CSS:

.header-actions .header-nav-item {
  padding-right:2.1vw !important; /**change as needed**/

.header-nav-list {
  justify-content:flex-end !important;

a#site-title {
    visibility: hidden;



Also I would like to remove this underline, love to change it for overlay:




Edited by dorotapo
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.