Jump to content

Custom padding top

Go to solution Solved by Spark-Plugin,

Recommended Posts

  • Solution
Posted (edited)

@jjohansson, you can try this code:

  1. Navigate to Pages > Website Tools > Custom CSS.
  2. Paste the code into the CSS editor.
  3. Hit Save and you’re done

See attached video for results.

@media screen and (min-width: 992px) {
    body:not(.sqs-edit-mode) .header-title {
        position: fixed;
        top: 80px;
        left: 4vw;
        z-index: 9999;
    }
}

@media screen and (min-width: 992px) {
    body:not(.sqs-edit-mode) .header-nav {
        position: fixed;
        top: 20%;
        left: 4vw;
        padding: 0 !important;
        transform: translatey(-50%);
    }
}

Give it a try and see how it goes:)

Screen Recording 2024-10-21 at 11.07.38.mov

Edited by Spark-Plugin

- Answered by Iuno from sparkplugin.com

forumsignature-recommendedcopy2.png.0579645eb1430dc7c1059541dc6456c6.png

Posted (edited)

Thanks for your quick response! I have one last question, how could I add the Instagram icon below that menu items but giving some extra space towards bottom?

I want to move up to align with the end of the image... any idea?

Screenshot 2024-10-21 at 11.48.00.png

Edited by jjohansson

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.