endoskeletons Posted October 2 Share Posted October 2 Hi - I'm sure this is an incredibly easy fix, but I am stumped. I would like my blog title to be on one line and centered. I found some CSS to change the blog title to one line, but then it caused the header/ body of my blog to have slightly different center alignments (example attached). CSS I was messing around with (not currently being used): .header-layout-branding-center-nav-center .header-actions--center { display: none !important; } .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex: 0 0 100% !important; } Website: https://www.amiinthecountry.com/ Thank you! Link to comment
Solution tuanphan Posted October 3 Solution Share Posted October 3 Space on Left of nav > right of nav, so it causes problem Use this extra under your code div.header-display-desktop { flex-direction: column; justify-content: center; align-items: center; } .header-layout-branding-center-nav-center .header-title-nav-wrapper { margin: 0; } .header-layout-branding-center-nav-center .header-actions--left { position: absolute; left: 0; } 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!) Link to comment
endoskeletons Posted October 3 Author Share Posted October 3 Amazing - that worked. Thank you SO MUCH! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment