dgsloves Posted July 31, 2019 Share Posted July 31, 2019 I have tried all the CSS I found in other threads, but none are working quite right. One came close but it turned my menu into a hamburger. I'm just starting a new site, so I haven't made many changes to the original yet. I just want the logo top center, and the menu under that, centered. Should be pretty easy. Thank you! Link to comment
dgsloves Posted July 31, 2019 Author Share Posted July 31, 2019 https://chipmunk-manatee-w5ch.squarespace.compswd: Saborium789! Link to comment
tuanphan Posted July 31, 2019 Share Posted July 31, 2019 @dgsloves Add to Home > Design > Custom CSS /* Desktop - Tablet */ @media screen and (min-width:641px) { /* Change display table to flex */ .header-inner { display: -webkit-flex; -webkit-flex-direction: column; display: flex; flex-direction: column; } /* Center Logo */ div#siteTitleWrapper { width: 100% !important; } h1#siteTitle { text-align: center; width: 100% !important; } /* Center Navigation */ div#headerNav { text-align: center !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
dgsloves Posted July 31, 2019 Author Share Posted July 31, 2019 Thanks @tuanphan, however that turned my menu into hamburger style. Link to comment
tuanphan Posted July 31, 2019 Share Posted July 31, 2019 @dgsloves Can you take screenshot all code in Home > Design > Custom CSS? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
dgsloves Posted July 31, 2019 Author Share Posted July 31, 2019 @tuanphan That's the only code there. I just started the site. Link to comment
tuanphan Posted July 31, 2019 Share Posted July 31, 2019 @dgsloves Did you delete this code, and everything returned to normal? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
dgsloves Posted July 31, 2019 Author Share Posted July 31, 2019 @tuanphan Yes, when I delete it it goes back to normal. Link to comment
dgsloves Posted August 1, 2019 Author Share Posted August 1, 2019 @tuanphan Thanks for your help so far. Any luck figuring out why this turns my menu into mobile/hamburger format on desktop/laptop? Link to comment
tuanphan Posted August 3, 2019 Share Posted August 3, 2019 @dgsloves Try this @media screen and (min-width:641px) { #header #siteTitleWrapper, #header #siteTitle { width: 100%; text-align: center; } #header #headerNav { text-align: center; width: 100%; } .header-inner {display: table !important;} } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
dgsloves Posted August 5, 2019 Author Share Posted August 5, 2019 @tuanphan Thanks for continuing to try but that did not work. It just moved the logo over a bit but not centered above the menu. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.