Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Problem with mobile menu with own header

Featured Lock Resolved Issue
Hi
With a own created header are the mobile menu under the header bar. See Image.
Wehn i deactivate the logo or change the postion to left from the offcanvas menu it will be shown on the correct postion.
What can be the problem in this case? mobileerror.jpg mobileerror.jpg

br

Attachments (1)

  • mobileerror.jpg
    mobileerror.jpg 21.8 KB

8 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Please use this css into your custom css to solve this issue

#offcanvas-toggler.offcanvas-toggler-right {
position: absolute;
right: 0;
top: 0;
margin-right: 5px !important;
}


I've used this and your issue is fixed now.

-Thanks

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please share your site url here. And please specify exactly what you want. I found two same attachments there.

-Best Regards

Kastriot Krasniqi

More than a month ago #Permalink
hi
you can see it on emin.aleso.ch. When try the mobile view you see that the mobile menu is under the menue row and not at the right. When i change the offcanvas site to left are the menue on the right place.

br

Sifat - Staff

More than a month ago #Permalink
Hi,
Please use this css into your custom css field

#offcanvas-toggler {
margin-left: -100px;
}

Here is your custom css field https://prnt.sc/iqf9mo

And about your offcanvas position, please PM me your admin access along with this question link.

-Thanks

Kastriot Krasniqi

More than a month ago #Permalink
Hi
I entered the custom css, but nothing happend. The offcanvas toogle are still on the wrong postion.
I will pm you the backedn credentials.

br

footlev

One week ago #Permalink
Hi,
Please use this css into your custom css field

#offcanvas-toggler {
margin-left: -100px;
}

Here is your custom css field https://prnt.sc/iqf9mo

And about your offcanvas position, please PM me your admin access along with this question link.

-Thanks


I am getting the same thing. It seems the mobile "hamburger" menu is attached to the logo. Why is this?? In order for me to get something sort of the way I want, I had to do custom CSS similar to what Sifat suggested. I changed the margin-left CSS to -58% to get it to look like this...

Screen Shot 2018-12-05 at 12.28.41 PM.png

Without adding the custom CSS, it looks like this (attached to the logo)...

Screen Shot 2018-12-05 at 10.01.00 AM.png

Doing it this way, however, is most likely going to be problematic on mobile so I'll need to adjust further. Please tell me there's a better way to position the "hamburger" menu.

Attachments (2)

  • Screen Shot 2018-12-05 at 10.01.00 AM.png
    Screen Shot 2018-12-05 at 10.01.00 AM.png 33.6 KB
  • Screen Shot 2018-12-05 at 12.28.41 PM.png
    Screen Shot 2018-12-05 at 12.28.41 PM.png 32.7 KB

Sifat - Staff

6 days ago #Permalink

Doing it this way, however, is most likely going to be problematic on mobile so I'll need to adjust further. Please tell me there's a better way to position the "hamburger" menu.

Hi,
Would you please share your site url here? I need to check.
Please remove any custom css which you've used for that hamburger.

-Thanks


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 217
Sifat

Sifat

Total Accepted Answers: 133
Toufiq

Toufiq

Total Accepted Answers: 44
Archange Consulting

Archange Consulting

Total Accepted Answers: 2
BP

Brian Peat

Total Accepted Answers: 1

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us