Centering Hamburger on Mobile

RyiGarry · July 6, 2020

Hey everyone, was just wondering if anyone had a CSS fix to centre my site logo / hamburger navigation on mobile on 7.1?

Have attached an image of what it looks like currently - ideally the logo would be at the top (centred), and the hamburger underneath it (again, centred).

tuanphan · July 6, 2020

Can you share site url? We can check easier.

RyiGarry · July 7, 2020

Sure, it's www.motioncapturemonster.com

Password: 1

tuanphan · July 7, 2020

43 minutes ago, RyiGarry said:

Sure, it's www.motioncapturemonster.com

Password: 1

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header-display {
    flex-direction: column;
}
}

RyiGarry · July 13, 2020

Nice one, thanks!

Schmidt1989 · July 13, 2020

I see this has been answered, but I would like to point out that from a UX perspective, it's better to keep it in either corner. Just a UX designer's opinion, though.

Centering Hamburger on Mobile

Question

RyiGarry 1

Link to post

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Posted Images

5 answers to this question

Recommended Posts

tuanphan 9,335

Link to post

RyiGarry 1

Link to post

tuanphan 9,335

Link to post

RyiGarry 1

Link to post

Schmidt1989 0

Link to post

Create an account or sign in to comment

Support

Community

Developers

Resources