fbpx
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: (SOLVED) info menu

info menu 3 years 6 months ago #9104

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 64
  • Thank you received: 4
  • Karma: 0
I would like to know how I can do to create a menu, which is visible only to the smartphone view. thank you
The topic has been locked.

info menu 3 years 6 months ago #9109

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 781
  • Thank you received: 101
  • Karma: 27
Hello,

You can easily show any menu on a mobile device.
Go to your site backend Extensions > Modules

Now open this model which is published on the Offcanvas position.
See screenshot: www.screencast.com/t/PPUb7uXgI

You can select any menu from here which will be displayed on the mobile device.
See screenshot: www.screencast.com/t/gMreIrsqT

Thanks
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The topic has been locked.

info menu 3 years 6 months ago #9112

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 64
  • Thank you received: 4
  • Karma: 0
hello, this way I can view the whole menu, while I just want to make a voice appear when the site opens from the smarthphone. Can it be?
The topic has been locked.

info menu 3 years 6 months ago #9126

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 64
  • Thank you received: 4
  • Karma: 0
Hi, I update the post with info.
For this site, I need to create two menus:

1) for the desktop version (called menu)
2) for the smartphone version (called the smartphone menu)

The difference between the two menus, is that I have to show two entries in the smartphone version by removing them from the desktop
I tried to create two menus with two modules, setting the parameters of visibility, but I find the following problem:

In the smartphone version, the smartphone menu is offset from the normal normal one. What should I set up?
In the desktop version, the menus are both visible even if you set the hidden-sm value. Why?

The link of the site is: www.smilelineallineatori.it/sito
Is this the way or is there another faster one?

Thank you
The topic has been locked.

info menu 3 years 6 months ago #9133

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

You don't need to set the desktop menu from the module. You get the desktop menu setting in the template options.

Follow the steps:
  1. Remove the Desktop Menu Module.
  2. Go to the template setting and set the desktop menu from the menu tab. Screenshot
Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

info menu 3 years 6 months ago #9137

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 64
  • Thank you received: 4
  • Karma: 0
Hi chandandeep, I'll explain to you my need in a short time.
I need to display two new entries when the menu is opened from the smartphone. These two items should not be present in the desktop menu but only in the smartphone. It's possible?
The topic has been locked.

info menu 3 years 6 months ago #9138

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Thanks for the clarification.

Add the visible-xs class in the menu items that you want to hide on desktop view. See the screenshot: www.screencast.com/t/PXZkmMp4

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

info menu 3 years 6 months ago #9142

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 64
  • Thank you received: 4
  • Karma: 0
fantastic
thank you
The topic has been locked.

info menu 3 years 6 months ago #9144

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Great!

Let us know if you have any more question for us.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

info menu 3 years 6 months ago #9170

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 64
  • Thank you received: 4
  • Karma: 0
I open the post because I would like some clarification on the commands.
I'm using these codes to display the content either on the desktop or on the tablet.

v4-alpha.getbootstrap.com/layout/responsive-utilities/


if I insert hidden-xs, the command works by letting me see the content on all devices except for smartphones, but if I use hidden-md this does not work. Why?
What am I doing wrong?

Tnx
The topic has been locked.
  • Page:
  • 1
  • 2
Moderators: chandandeep
Time to create page: 0.491 seconds
Cron Job Starts