I’ve just been redoing my website and am having some troubles with this template and can’t find any solutions online.
I’ve managed to add in some code to move the header into the center, but for whatever reason it sits over my logo. Ideally, I could get the logo to sit on top in the middle and the header links below it in the center. In the meantime, I have to resort to putting the logo on the left but I’m keen to try and workout a solution.
This was the code I used to get the header text into the center:
@media (min-width: 990px) {
.header .header__inline-menu {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.header .list-menu–inline {
display: flex;
justify-content: center;
}
}
.header__inline-menu {
justify-self: center; /* start | center | end */
}
.title.h2 {
text-align: center !important;
}
Any help would be great!
Have attached an image to see my issue as well as a reference for what I’m going for.
