Archived topic

Centered hamburger menu + Logo in mobile view

5 replies · Started by Henk on May 26, 2021

Viewing posts 1–6 of 6

May 26, 2021 at 6:57 am #1799046

Hello,

For one of my projects I am using the 'Search' theme from the site library. In the mobile view, the logo is on the left, and the hamburger menu on the right. I want to change this to: Logo in the middle and below that the hamburger menu, also in the middle. How can I do this?

May 26, 2021 at 9:06 am #1799224

Hi there,

Try this CSS:

@media (max-width: 992px) {
    body .has-inline-mobile-toggle .inside-header {
        flex-direction: column;
    }
    body .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        margin-left: auto;
        margin-right: auto;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

May 31, 2021 at 4:18 am #1804365

Hi Leo,

Thanks for your reply.

The above css does not work. The logo is still on the left and the hamburger menu still on the right.

May 31, 2021 at 4:36 am #1804388

Hi Henk,

To be sure which CSS selector to use to get the best results, can you link us to the site in question so we can inspect?

You can use the private information text field to provide the details.

June 3, 2021 at 3:20 am #1808445

I already resolved this problem.

Thanks!

June 3, 2021 at 8:05 pm #1809505

Thanks for letting us know. Glad you got it sorted. :)

This archived topic is closed to new replies.

Start building better websites today.