1. apelsinskal
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 26 March 2017
  5.  Subscribe via email
Hi! Is it possible to add a menu item (or module) that only shows up on mobile/tablet? I have a "latest news" in sidecol, but I don't want to show the sidecol in responsive. I would like to add this in the menu for responsive.
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try adding hidden-desktop to the Module Class Suffix field of your modules settings (Advanced tab).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi! But I cant add the latest news module to the menu, right?
And if I set the module to hornav it isn't visible.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your latest news module in the hornav position and I will examine why it is not visible?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

You appear to already have a menu in the hornav position. Do you wish to replace this menu with latest news items?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Yes I do. I don't want to replace it. My question is if I can somehow show the "latest news" module in the menu, on the responsive template. I would like my mobile visitors to see latest news but I don't want to have sidecol in responsive.
Solution number 2 would be to show sidecol below the content, would that be possible?
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

The only option easily available would be to place your latest news after your main content on mobile devices. To do so try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 767px) {
#main {
display: flex;
flex-direction: column;
}
#sidecol_a, #sidecol_b {
order: 1;
}
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Yes that would be great. Tried the custom css but sidecol is still in the top of the page.
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Of course!
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Jessica

All should be fine now.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much :D
  1. more than a month ago
  2. Commercial Templates
  3. # 12
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

in addition to showing the main menu on hamburger (mobile), I want add other menu modules to hamburger,

example: in my site I ´ve more two menus modules on sidecol position, so i want hide modules in mobile version and show this menus on hambuguer

so my questions is how to hide or show menu module on hamburger menu (mobile)?
or how to hide some items from main menu in desktop version, and showing in mobile version?

Note: in menu modules I don't have "Module Class Suffix".... to insert code 'hidden-desktop'
  1. more than a month ago
  2. Commercial Templates
  3. # 13
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Sorry to say at present this option is not available. A workaround may be to add all menu items to your main menu and then hide the items you do not want displayed on desktop using CSS.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 14
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran,

how can I do it?
I try add "hidden-desktop" to Link Class on Menu Item
I also tried add custom css like this for main menu item ID2431
#hornav .item-2431 {
visibility: hidden-desktop;
}

with no success
tks in advance
  1. more than a month ago
  2. Commercial Templates
  3. # 15
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Where 640 is the menu item ID for the menu item not to display on desktop (repeat for each).

.hornav ul.menu > li.item-640,
.hornav ul.menu > li.item-647 {
display: none;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 16
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

tks for reply, worked for level 1, but level 2 (sub-menu) not worked
I try something like this without success
.hornav ul.sub.menu > li.item-2431 {
display: none;
}
  1. more than a month ago
  2. Commercial Templates
  3. # 17
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try the following instead...

.hornav ul.menu li.item-2431 {
display: none;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 18
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect! thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 19
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.