1. Shopin
  2. Sunday, 11 February 2018
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)
Responses (5)
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
  1. more than a month ago
  2. Shopin
  3. # 1
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
  1. more than a month ago
  2. Shopin
  3. # 2
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?
  1. more than a month ago
  2. Shopin
  3. # 3
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
  1. more than a month ago
  2. Shopin
  3. # 4
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)
  1. more than a month ago
  2. Shopin
  3. # 5


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.