Support Forums

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

Your Time: Our Time:

Is it possible to create Home menu option in Mobile menu only?

Featured Lock Resolved Issue
Hi

I would like to create a Home menu option that only appear in my mobile menu.

When my site is viewed in Desktop mode I only want to see the following menu options...
"WORK", "PEOPLE", "CONTACT"

When my site is viewed in Mobile mode want to see the following menu options...
"HOME", "WORK", "PEOPLE", "CONTACT"

Can you please tell me if the above is possible and if it is how I might go about setting it up?

Thanks
Peter

8 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Easy. But this question is not related with SP Page Builder (wrong category) but for example template features.
---
In Your case...
hide menu item in desktop only using custom CSS:

@media (min-width: 768px){
ul.sp-megamenu-parent li.home {display: none; }
}

AND
add class name : home - to home menu item.
---
Custom CSS Tip: https://www.joomshaper.com/documentation/helix-framework/helix3#custom-css-header-code

Paul Frankowski - Staff

More than a month ago #Permalink
p.s.
You can replace 768px by 480px - if you want to show on mobile only, without tablets.

Peter Hay

More than a month ago #Permalink
Hi Paul

Apologies for posting question in wrong area.

I tried applying the CSS update and the Home menu option still appears in my desktop view?

Anything else I can try?

Thanks
Peter

Paul Frankowski - Staff

More than a month ago #Permalink
My solution was based on Helix3 template, so maybe you have different one.
If you can share site URL, it will be helpful. Even for short period, later I can delete link.

Peter Hay

More than a month ago #Permalink
Site URL is http://### Please delete this link once you have investigated.

Paul Frankowski - Staff

More than a month ago #Permalink
First you have to recover "Home" name in menu item, because now is blank.
2nd, my mistake , I forgot to tell you to add class name : home - to it (screenshot)

Attachments (1)

  • here.jpg
    here.jpg 88.1 KB

Peter Hay

More than a month ago #Permalink
That worked perfectly Paul. Thanks for the speedy response.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 118
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 32
J

johnny

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

100+

Templates

200,000+

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