Support Forums

Support Online : 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.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 119
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Toufiq

Toufiq

Total Accepted Answers: 89
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 4
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

296107

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