Off Canvas Toggler And Logo Bug On Mobile - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off Canvas Toggler And Logo Bug On Mobile

F

Francois

Template 3 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,

0
13 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #81276

Hi

Thanks for contacting us. It seems like this on my end. Isn't it ok?

https://prnt.sc/krtIV_-vwJJw

-Regards.

0
F
Francois
Accepted Answer
3 years ago #81318

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #81333

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

0
F
Francois
Accepted Answer
3 years ago #81826

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,

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #82013

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.

0
F
Francois
Accepted Answer
3 years ago #82135

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,

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #82245

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

0
F
Francois
Accepted Answer
3 years ago #82465

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #82585

Are you talking about this postion?

https://prnt.sc/WJgbOIW2m04Z

0
F
Francois
Accepted Answer
3 years ago #82634

No if possible I'd like it here :

Thanks

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #82723

Hi

Sorry it needs too many customization. Its beyond our support policy.

0
F
Francois
Accepted Answer
3 years ago #82752

Hi, I understand but it's not about customization, something is wrong with its position for it's suppose to be on the top right corner like set in the layout :

If I can but it on the left without breaking the layout set for computers it's nice but I just need it to be at least in its right place. Thanks for your help

0
Pavel
Pavel
Accepted Answer
3 years ago #82772

Hi Francois. If you allow ...

I looked at your site and saw that you made a large number of errors in the header layout, and wrote a lot of unnecessary code. Any corrections now - these will be terrible crutches, the success of which is not guaranteed.

You need to clean everything you have done and start from scratch. Header is one of the most complex elements for adaptation. If you do not have sufficient CSS skills, do not use not standard layouts. Use only the default layout from template.

Everything looks pretty bad when checking for responsiveness.

0