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

Move hamburger icon? 7.1


mportch

Question

  • Answers 16
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

You're welcome! Use this code in Design -> Custom CSS button.header-burger-btn.burger { padding: 0; } .header .header-actions-action--cart .icon { height: 22px; width: 22px; }

Hi Follow to the code @tuanphan Use this code in Design -> Custom CSS .header-burger { order: 3 !important; } .header-actions.header-actions--right { order: 2 !important; } .hea

Use this code in Design -> Custom CSS .Cart-inner .icon-cart-quantity { font-size: 8px !important; /* change to anythings you want */ } Please use the like button if it helps you! B

Posted Images

16 answers to this question

Recommended Posts

  • 0

Hi

Follow to the code @tuanphan
Use this code in Design -> Custom CSS

.header-burger {
    order: 3 !important;
}
.header-actions.header-actions--right {
    order: 2 !important;
}

.header-actions--right .showOnDesktop {
    margin-right: 20px;
}


.header-display-mobile .showOnMobile{margin-right: -40px !important;}

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to post
  • 0

Fantastic thanks so much!

 

I almost got it right correcting the mobile version - but still have problems moving the cart number...

 

//HAMBURGER ALIGNMENT - MOBILE//
@media screen and (max-width:767px) {
.header-announcement-bar-wrapper {
    padding-right: 4vw !important;
}
.header .header-actions-action--cart .icon {
    height: 20px;
    width: 20px;
  padding-left: 5vw !important;
}
  .Cart-inner .icon-cart-quantity {
    font-size: 8px !important;
  padding-left: 5vw !important;
  }}

 

679240262_ScreenShot2020-09-11at9_48_17pm.png.d5b885be72ab5955306dd0f923a1266c.png

Link to post
  • 0

Use this code in Design -> Custom CSS

@media screen and (max-width:460px) {
.Cart-inner .icon-cart-quantity {
    margin-right: -15px !important;
}
}

Sorry you need web customization service to solve like these design-code bugs. If like to continue please contact me via DM or Skype: LeopoldJobs.

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...