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:

offcanvas menu content

Featured Lock Resolved Issue
Hi there can you help me with the following?

I have made some text content for the offcanvas menu, when i view this on mobile the text is placed under the toggler... I am struggling to find the right css to place it between the toggler and the logo...

When i view it in landscape mode (tilt my phone) the logo isn't centered...

It would be great if someone can help me with this...

Here is the sitesite

You can find 2 screenshots of the problems attached with this message..

Sincerely,

Robert

Attachments (2)

  • 20191114_080823.jpg
    20191114_080823.jpg 841.2 KB
  • 20191114_100131.jpg
    20191114_100131.jpg 672.9 KB

3 Answers

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
HI,
Please use this custom css

@media only screen and (max-width: 767px)
#offcanvas-toggler::after {
position: absolute !important;
top: 0px !important;
}

-Regards
Mehtaz

Robert

More than a month ago #Permalink
HI,
Please use this custom css

@media only screen and (max-width: 767px)
#offcanvas-toggler::after {
position: absolute !important;
top: 0px !important;
}

-Regards
Mehtaz


Thanks! This worked for the menu content...

Have you got any ideas on how to fix the logo position as well when Phone is tilted (landscape mode)?

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
HI,
Please use this custom css

@media only screen and (max-width: 767px)
#offcanvas-toggler::after {
position: absolute !important;
top: 0px !important;
}

-Regards
Mehtaz


Thanks! This worked for the menu content...

Have you got any ideas on how to fix the logo position as well when Phone is tilted (landscape mode)?


Hi,
Please use this custom css for logo position

@media (max-width: 990px)
#sp-header .logo .logo-image {
margin-top: 0px !important;
}


-Thanks


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

124

Templates

330760

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