This topic has 2 voices, contains 5 replies, and was last updated by  TB Support 2143 days ago.

About intro menu in http://demo.themeburn.com/kiddos/2/

ThemeBurn Support › Forums › OpenCart Themes › Kiddos OpenCart Theme › About intro menu in http://demo.themeburn.com/kiddos/2/

This topic has been marked as resolved.

Hello,
I am trying to create the same menu like it is in the intro page for http://demo.themeburn.com/kiddos/2/
, but how can I force the submenu height?
I think I copy all Page Builder settings from the demo, but maybe I am missing something?
 MZdravkova
May 28, 2018 at 12:03 pm #64420

Hi,

1) You need to set the megamenu to be relative to the containing block:

https://i.imgur.com/wAf6QhI.png

2) You will also need to set a minimum height of the megamenu:

#Menu_Esmy8Y8a .tb_megamenu > .dropdown-menu,
#Menu_Esmy8Y8a .tb_megamenu > .dropdown-menu > .row
{
  min-height: 500px;
}

https://i.imgur.com/tEaitdT.png
https://i.imgur.com/OmIyun6.png

BR,
ThemeBurn team
 TB Support
June 4, 2018 at 10:45 am #64507

Thanks!
The changes did the trick!
 MZdravkova
June 4, 2018 at 4:25 pm #64525

Glad we’ve helped!

BR,
ThemeBurn team
 TB Support
June 4, 2018 at 4:26 pm #64526

Hello again,
that solution actually generated another problem.
In the mobile view for that menu, there was extra white space under the categories,
so I changed the css to:

@media (min-width: 768px) {
  #Menu_LYmoMre4 .tb_megamenu > .dropdown-menu,
  #Menu_LYmoMre4 .tb_megamenu > .dropdown-menu > .row
  {
    min-height: 499px;
  }
}

 MZdravkova
June 8, 2018 at 11:14 am #64578

Thanks for sharing your experience!

BR,
ThemeBurn team
 TB Support
June 13, 2018 at 12:06 pm #64622
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.