macywhite 0 Share Posted September 23, 2020 Site URL: https://opera-stl.org/ We put in this code (below) to use the mobile hamburger nav on desktop, but it makes our logo in the header be off center. How can this be fixed? @media screen and (max-width: 5000px) { .header .header-title-nav-wrapper .header-nav { display: none; } .header .header-burger { position: absolute; display: flex; order: 1 !important; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } .burger-box div { display: none; } .burger-box { background-image: url(https://static1.squarespace.com/static/5f174588f138424ec2fbd0d7/t/5f1a2c0859f5c362ebe8be8f/1595550728438/Hamburger+Menu.jpg); background-size: contain; background-repeat: no-repeat; background-position: center center; } } Link to post
0 tuanphan 9,366 Share Posted September 25, 2020 Add to Home > Design > Custom CSS .header-title-logo { text-align: right; } You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 macywhite 0 Author Share Posted September 25, 2020 3 hours ago, tuanphan said: Add to Home > Design > Custom CSS .header-title-logo { text-align: right; } Thank you! https://opera-stl.org/ I can't tell if this looks centered or not after implementing. Does it look good? Link to post
0 tuanphan 9,366 Share Posted September 26, 2020 I think it is fine now. bonniergcuk 1 You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
macywhite 0
Site URL: https://opera-stl.org/
We put in this code (below) to use the mobile hamburger nav on desktop, but it makes our logo in the header be off center. How can this be fixed?
@media screen and (max-width: 5000px) {
.header .header-title-nav-wrapper .header-nav {
display: none;
}
.header .header-burger {
position: absolute;
display: flex;
order: 1 !important;
}
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
.burger-box div {
display: none;
}
.burger-box {
background-image: url(https://static1.squarespace.com/static/5f174588f138424ec2fbd0d7/t/5f1a2c0859f5c362ebe8be8f/1595550728438/Hamburger+Menu.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
}
Link to post
Top Posters For This Question
2
2
Popular Days
Sep 25
2
Sep 23
1
Sep 26
1
Top Posters For This Question
macywhite 2 posts
tuanphan 2 posts
Popular Days
Sep 25 2020
2 posts
Sep 23 2020
1 post
Sep 26 2020
1 post
Popular Posts
tuanphan
I think it is fine now.
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment