Hi there, I used coding to get the navigation menu visible on all platforms, and also found a code to center the logo with that, however, even though it kind of appears centered it isn't. When I make the hamburger navigation not visibile, then the logo goes visible, so it seems the hamburger is pushing the the logo a little to the left.
see coding that I am using:
.header-title-logo {
text-align: center;
}
/*hamburger*/
@media screen and (max-width: 5000px) {
/* Display burger icon at all widths and align right */
.header .header-burger {
display: flex;
order: 2 !important;
}
/* Make burger menu visible at all widths */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
/* Hide primary navigation menu */
.header .header-title-nav-wrapper .header-nav {
display: none;
}
}
Logo not centered with hamburger customization
in Customize with code
Posted · Edited by alliel
Site URL: https://sealion-tetra-dsdy.squarespace.com
SITE PASSWORD: easternskye
Hi there, I used coding to get the navigation menu visible on all platforms, and also found a code to center the logo with that, however, even though it kind of appears centered it isn't. When I make the hamburger navigation not visibile, then the logo goes visible, so it seems the hamburger is pushing the the logo a little to the left.
see coding that I am using:
.header-title-logo {
text-align: center;
}
/*hamburger*/
@media screen and (max-width: 5000px) {
/* Display burger icon at all widths and align right */
.header .header-burger {
display: flex;
order: 2 !important;
}
/* Make burger menu visible at all widths */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
/* Hide primary navigation menu */
.header .header-title-nav-wrapper .header-nav {
display: none;
}
}