We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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

Your Time: Our Time:

Mobile logo and offcanvas

Featured Lock Resolved Issue
I have two questions about logo:

1. How to move offcanvas only on mobile view (middle)?
2. How to set the height of logo for only moibile view? The height for desktop suits for desktop but for mobile not

Attachments (2)

  • 2018-07-11_16-02-33.png
    2018-07-11_16-02-33.png 405.6 KB
  • 2018-07-11_16-15-33.png
    2018-07-11_16-15-33.png 14.8 KB

3 Answers

Sifat - Staff

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

@media only screen and (max-width: 450px) {
#offcanvas-toggler {
line-height: 120px !important;
img.logo-image {
height: 100px;


Sifat - Staff

More than a month ago #Permalink
Would you please share your site url here? That'll help to give you a faster solution.


There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


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