Topic: Off-Canvas Logo left, Logo center, Icon Right

swissky
April 1, 2024 at 7:31 am

Hey, I try to archive an Off-Canvas Navigation only for Desktop and Mobile. The problem at the moment is that I don’t get the logo (centre) with the Icon (Navigation) left and a Member Icon right.

Any tips?

Thank you
Ying
April 1, 2024 at 9:47 am

Hi there,

Can you show me your site?
swissky
April 1, 2024 at 10:32 am

i post it in private notes
Ying
April 1, 2024 at 12:17 pm

You haven’t added the member icon yet, can you add that first so I can provide the CSS based on the correct HTML?
swissky
April 1, 2024 at 12:26 pm

done 😉

David

April 2, 2024 at 2:22 am

Hi there,

try this CSS:


@media(min-width: 769px) {
    .nav-float-right nav#site-navigation {
        order: -1;
        margin-left: unset;
    }
    .site-logo {
        margin-inline: auto;
    }
}

swissky
April 2, 2024 at 2:57 am

Looks amazing. Thank you.

How we get the Icon and the Slide off on mobile to the left site?

Best Kevin

David

April 2, 2024 at 6:19 am

Something like this:


@media(max-width: 768px) {
    .mobile-menu-control-wrapper, 
    .site-header .inside-header .header-widget {
        flex-basis: auto;
        margin: unset;
        order: -1;
        margin-right: 20px;
    
    }
    .site-logo {
        max-width: 50%;
    }
    .mobile-menu-control-wrapper .menu-toggle {
        line-height: 60px;
    }
}

swissky
May 30, 2024 at 2:44 am

Thank you – ticket closing
David
May 30, 2024 at 4:46 am

Glad to hear that

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Off-Canvas Logo left, Logo center, Icon Right