Hello, I would like to centre my mega menu beneath my company logo but this doesn’t seem to be working despite having added the following code to liquid:
@media screen and (min-width: 990px){
.header--middle-left {
grid-template-areas: 'heading navigation icons';
grid-template-columns: 1fr auto 1fr;
column-gap: 2rem;
}
}
Could you please advise me? URL is www.glazed-living.de
Many thanks
From your code, you have header–middle-center as the class on your header, not
.header--middle-left
Like in your code.
Either you need to change the header to middle-center in the customize theme or you need to change .header–middle–left to .header–middle-center in the CSS for this to apply to your site.
Although, even when I apply that CSS to your site, it still does not get the mega menu under the logo. I think your best bet would be to edit the theme files and manually move the logo to the location you want. Just due to how the header code is written.