Support Forums

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

Your Time: Our Time:

The mobile menu is not displayed when the computer monitor is small

Featured Lock Resolved Bug
The full menu on small monitors is not displayed correctly
2018-02-11_22-09-14.png

I want it to be displayed as in the picture:
2018-02-11_22-12-40.png

and how to change typography of mega menu and sub menu?
2018-02-11_22-27-14.png

Attachments (3)

  • 2018-02-11_22-09-14.png
    2018-02-11_22-09-14.png 24.3 KB
  • 2018-02-11_22-12-40.png
    2018-02-11_22-12-40.png 12.5 KB
  • 2018-02-11_22-27-14.png
    2018-02-11_22-27-14.png 23.7 KB

5 Answers

Rifat Wahid Alif - Staff

More than a month ago #Permalink
HI,
If you could mention the screen size and what you want to show in that screen size then it will be easy to help you.

- Thanks

nagornyk

More than a month ago #Permalink
HI,
If you could mention the screen size and what you want to show in that screen size then it will be easy to help you.

- Thanks


If less than 1530 px - turn on mobile menu

nagornyk

More than a month ago #Permalink
HI,
If you could mention the screen size and what you want to show in that screen size then it will be easy to help you.

- Thanks


If less than 1530 px - turn on mobile menu


and how to change typography of mega menu and sub menu?

Rifat Wahid Alif - Staff

More than a month ago #Permalink
We have used there bootstrap default classes for showing and hiding menus by screen size. Could you please open the following file /templates/shaper_shopin/features/menu.php on 30 no line you will get:

<?php $this->helix3->loadMegaMenu('hidden-sm hidden-xs'); ?>

hidden-sm hidden-xs This is mega menu showing and hiding class, if you selected mega menu and offcanvas both will show then it will work.

again on 36 and 37 no line you will get:


<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a> <!-- off canvas menu -->
<?php $this->helix3->loadMegaMenu('hidden-sm hidden-xs'); ?> <!-- mega menu -->


if you selected only mega menu then this will work but in the mobile device automatically will show mobile menu. hidden-sm hidden-xs for showing and hide off-canvas menu and hidden-sm hidden-xs for mega menu.


Here you will get all bootstrap hidden and showing classes: https://github.com/twbs/bootstrap/issues/8883#issuecomment-22653986

- Thanks

nagornyk

More than a month ago #Permalink
We have used there bootstrap default classes for showing and hiding menus by screen size. Could you please open the following file /templates/shaper_shopin/features/menu.php on 30 no line you will get:

<?php $this->helix3->loadMegaMenu('hidden-sm hidden-xs'); ?>

hidden-sm hidden-xs This is mega menu showing and hiding class, if you selected mega menu and offcanvas both will show then it will work.

again on 36 and 37 no line you will get:


<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a> <!-- off canvas menu -->
<?php $this->helix3->loadMegaMenu('hidden-sm hidden-xs'); ?> <!-- mega menu -->


if you selected only mega menu then this will work but in the mobile device automatically will show mobile menu. hidden-sm hidden-xs for showing and hide off-canvas menu and hidden-sm hidden-xs for mega menu.


Here you will get all bootstrap hidden and showing classes: https://github.com/twbs/bootstrap/issues/8883#issuecomment-22653986

- Thanks


Sorry, but it does not work on my the web-site. I just explain: I bought template "shoping" and add to additional menu "Бюти практикум" and "Контакты". Do you see problems? Question: Could you fix problems with your template or not? I think that the template should not show not in the menu "Бюти практикум" and "Контакты", but the mobile menu should be turned on.

1) How to move to additional menu in the right place in the menu?
or
2) How to change typography of mega menu and sub menu size for menu?

2018-02-17_11-44-17.png

and I think it is not corect

2018-02-17_12-04-12.png

Attachments (2)

  • 2018-02-17_11-44-17.png
    2018-02-17_11-44-17.png 49.9 KB
  • 2018-02-17_12-04-12.png
    2018-02-17_12-04-12.png 39.6 KB


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: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 96
Toufiq

Toufiq

Total Accepted Answers: 89
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

295767

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