alishaserre Posted June 28 Posted June 28 (edited) 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; } Edited June 28 by alishaserre left out url
Lesum Posted June 28 Posted June 28 @alishaserre Hi! Can you share your site URL? If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
tuanphan Posted July 1 Posted July 1 I see you disabled Cart, if you still need help, you can enable Cart icon then we can help easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
alishaserre Posted July 1 Author Posted July 1 @tuanphan Yes, I do! I just enabled the cart again to make it easier.
Solution tuanphan Posted July 3 Solution Posted July 3 Use this CSS code under div.header-display-desktop .header-actions.header-actions--right { position: absolute; right: 0; top: 50%; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
alishaserre Posted July 3 Author Posted July 3 @tuanphan You are a lifesaver. That worked perfectly, thank you!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment