Viewing 10 posts - 1 through 10 (of 10 total)
Viewing 10 posts - 1 through 10 (of 10 total)
- The topic ‘Stacked header on mobile’ is closed to new replies.
Hi guys!
Hope you’re doing well.
I’m trying to get the header on the mobile look stacked. So the logo on top, and the mobile menu below the logo. It now is on default, so: logo on the left and menu on the right. I need this to be stacked, and also in the center.
Thanks in advance!
Yours Faithfully,
Abos
Hey Abosict!
Add this to your custom CSS.
#advanced_menu_toggle { position: relative !important; margin-top: 0px !important; left: 50% !important; }
.logo { width: 100% !important; }
.logo img { left: 50% !important; transform: translateX(-25%); }
Cheers!
Elliott
That didn’t do anything unfortunally.
Yours Faithfully,
Abos
Hi,
I think Elliott forgot the media query since it looks like his CSS is applying to your desktop version, please try the following instead:
@media only screen and (max-width: 767px) {
#advanced_menu_toggle { position: relative !important; margin-top: 0px !important; left: 50% !important; }
.logo { width: 100% !important; }
.logo img { left: 50% !important; transform: translateX(-25%); }
}
Thanks,
Rikard
Also didn’t do anything unfortunally.
Yours Faithfully,
Abos
Hi,
Make sure to disable any caching plugin you might have active and clear the cache in your browser. If that shouldn’t help then send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Regards,
Rikard
After you’ve fixed it, please tell me what and where you did anything. I need to know this.
Thanks in advance,
Yours Faithfully,
Abos
Hi!
I moved it to the top of your custom CSS field and it’s working fine now. You must have a typo somewhere in your custom CSS.
Regards,
Elliott
Fully working! Thanks.
I should check my css, indeed.