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

Your Time: Our Time:

Onepage menu on top in mobile

Featured Lock Resolved Issue
Hello,
I'm using the template "Onepage" for my site and I noticed that on mobile the MENU starts on top of the page. On desktop everything is ok and the MENU is after the slideshow like the template.

Is there any CSS I can use to make the MENU after the slideshow on mobile (like it is on desktop)?

Many thanks.

6 Answers

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
Use this custom css


@media (max-width: 767px){
#sp-header {
position: relative;
top: 570px !important;
}
}


Custom css
Add this css code inside the custom.css file.
Note: 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.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
You can fix it by using custom CSS. Just inspect your browser and put the CSS which it needs. And as its a responsive problem you need media query for this screen. If you need any help then give me your site URL here. So that I can check and fix your problem
-Best Regards
Mehtaz

Mestre Design

More than a month ago #Permalink
Hello,
My site's URL is:

http://www.proteo.pt/teste/index.php/

As you can see, on desktop everything is fine. But on mobile the menu starts on top of the page.

Thank you.

Mestre Design

More than a month ago #Permalink
Hi,
Use this custom css


@media (max-width: 767px){
#sp-header {
position: relative;
top: 570px !important;
}
}


Custom css
Add this css code inside the custom.css file.
Note: 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.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks


Thank you! It worked! :)

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
You are most welcome:)


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: 120
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 63
Ofi Khan

Ofi Khan

Total Accepted Answers: 51
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 50
Toufiq

Toufiq

Total Accepted Answers: 41

121

Templates

319310

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