Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

align navigation and chart with top side of logo in 7.1


WaMa_1

Question

Site URL: https://pomegranate-turbot-nt8n.squarespace.com/config/pages

Hi, I am trying to align the split navigation (custom CSS) and the cart text (custom CSS)  with the top side of the logo, and move them to the top of the screen. Hope you can help >

password: enterbackspace

I am using this code: 

@media screen and (min-width:992px) {
.header-nav-item:nth-child(n+3) {
    position: relative;
    left: 70vw;
}
}
 .header-title {
    margin-left: 50%;
}

.icon-cart-quantity,
.sqs-cart-quantity {
  position: static;
  padding: initial;
  font-size: 0.9rem;
}


.header .header-actions-action--cart a.icon {
  width: auto;
  height: auto;
  padding: 0.9rem;
}

svg.icon.icon--cart {
    visibility: hidden;
}
.icon-cart-quantity:before {
    content: "Cart (";
    font-size: 0.9rem;
}
.icon-cart-quantity {
    font-size: 0.9rem;
    bottom: 0;
    top: unset !important;
    padding-bottom: 0;
}
.icon-cart-quantity:after {
    content: ")";
    font-size: 0.9rem;
}

.header-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 0!important;
}

Screenshot 2021-08-19 at 11.31.49.png

Edited by WaMa_1
added password
Link to comment
  • Answers 0
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...