View Replies (5)

Resolved Onepage menu on top in mobile

  1. Issue
  1. Onepage
  2. Friday, 21 February 2020
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.
Accepted Answer
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
  1. more than a month ago
  2. Onepage
  3. # Permalink
Responses (5)
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
  1. more than a month ago
  2. Onepage
  3. # 1
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.
  1. more than a month ago
  2. Onepage
  3. # 2
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! :)
  1. more than a month ago
  2. Onepage
  3. # 3
You are most welcome:)
  1. more than a month ago
  2. Onepage
  3. # 4


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.