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

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

3 weeks 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

@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!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Toufiq

Toufiq

Total Accepted Answers: 61
Sifat

Sifat

Total Accepted Answers: 45
Ofi Khan

Ofi Khan

Total Accepted Answers: 18
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 18

118

Templates

306022

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