Awaiting an answer Templates

Off canvas toggler and logo bug on mobile

Asked by Francois 4 years ago Last activity 4 years ago

Hi,
I have an issue I can't resolve.
On my website on mobiles only, the Off canvas toggler and the logo are not on top but in the middle of my page.
I tried but failed to understand why. Could you help me ?
https://www.theatre14.fr

Thanks,

13 replies

Oldest first Newest first Most helpful
Francois Asked this
4 years ago

Yes the hamburger menu is not on top where it should be. I deactivated the logo but it's on the same level on the left when activated.
Do you have an idea ?
Thank you

Mehtaz Afsana Borsha Staff
4 years ago

If possible give me a screenshot and mention there where you want to setup this.

Francois Asked this
4 years ago

Hi,
Here's what I have now. When I reduce the windows, both the logo and the menu break line and don't stick to the top. In the template's layout, the logo is set at the top right corner.

Thank you,

Mehtaz Afsana Borsha Staff
4 years ago

Hi

Use this custom CSS


@media (max-width: 890px){
#offcanvas-toggler > i{
    position:relative;
    bottom:100px;
}

}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Francois Asked this
4 years ago

Hi,

It worked ! Thnak you very much.
Now I still have the logo issue, lost in the middle on the left. Here's what it looks like when I activate it :

Do you have a solution ?

Thanks,

Mehtaz Afsana Borsha Staff
4 years ago

Could you please mention where you exactly wants to put it?

Francois Asked this
4 years ago

Hi,
I'd like to put it on top and on the left, symmetrical with the menu.
Thanks

Francois Asked this
4 years ago

No if possible I'd like it here :

Thanks

Log in to reply.