Jump to content

Cart Location after CSS Navigation Code

Go to solution Solved by tuanphan,

Recommended Posts

Hey! I am using the following code to get my navigation centered with a border but it is pushing my cart to the next line and looks off. Does anyone know how I can adjust this to align the cart icon next to the last navigation link or to put the cart back in the top right corner of the desktop view?

Site URL: https://www.sipsipmobilebar.com/

Code used:
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    flex: 100% !important;
    flex-direction: column;
    width: 100% !important;
}
.header-display-desktop {
    flex-direction: column;
}
.tweak-fixed-header .header .header-announcement-bar-wrapper {
    padding-left: 0;
    padding-right: 0;
}
.header-nav {
    width: 103%;
    border-top: 1px solid #444443;
    padding-top: 15px;
}

Screen Shot 2024-06-28 at 3.37.53 PM.png

Edited by alishaserre
left out url
Link to comment
  • Replies 6
  • Views 285
  • 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.