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

Megamenu on mobile devices has display issues.

Tagged: ,

ThemeBurn Support › Forums › OpenCart Themes › Kiddos OpenCart Theme › Megamenu on mobile devices has display issues.

This topic has been marked as resolved.

Hello,

I have a format problem using the megamenu. As you can see in the attachment it does not expand the display content as it should so it overlaps. This only happens when using the Menu from the icon not on the MENU in the main page. But that icon is the one used when not on the homepage so it is a big issue. I have tried it on multiple android and ios versions.

Any ideea?
 LucianSuciu
December 24, 2016 at 12:37 pm #54699

Hi,

Have you disabled the megamenu? We cannot see the described problem.

BR,
ThemeBurn team
 TB Support
December 29, 2016 at 1:22 am #54810

Yes i had it disabled. Now i have reenabled it again but please take a look asap as i do not want to leave it like that and i think it may be an overkill to clone the site just for this.

10x
 LucianSuciu
December 29, 2016 at 5:10 pm #54856

Hi,

Here is the quick fix for this problem:

@media (max-width: 768px) {
  .dropdown-menu > .tb_tabs > .tab-content .tb_subcategories,
  .dropdown-menu > .tb_tabs > .tab-content .tb_subcategories + .border,
  .dropdown-menu > .tb_tabs > .tab-content .tb_category_brands,
  .dropdown-menu > .tb_tabs > .tab-content .tb_category_info
  {
        -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

 TB Support
December 29, 2016 at 5:55 pm #54857

Great, it works.

Thank you, you can close this topic.
 LucianSuciu
December 29, 2016 at 7:56 pm #54861

Glad we’ve helped.

BR,
ThemeBurn team
 TB Support
January 3, 2017 at 11:27 pm #54946
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.