Jump to content

Edit History

Paul Buisson

Paul Buisson


better info added

On 11/29/2021 at 4:46 AM, doslonce said:

Hi. And how to prevent the full width of the subcategories from being displayed?

i put this at the end of the theme.css  

@media screen and (min-width: 768px) { /* stop subcategory depth at 2 for desktop, but allow mobile to expand accordingly */
    .top-menu[data-depth="2"]{
        display:none!important;
    }
}
.top-menu .sub-menu ul[data-depth="1"]>li{float:none;} /* removes left justification */
.top-menu .sub-menu {width: auto; min-width: auto;} /* removes full active area width from subcategory dropdown width */
.popover {left: unset;} /* removes the forcing of dropdown to left of page active area lets dropdowns align with top nav */

 

Paul Buisson

Paul Buisson

On 11/29/2021 at 4:46 AM, doslonce said:

Hi. And how to prevent the full width of the subcategories from being displayed?

i put this at the end of the theme.css - but now the dropdown columns all show up at the left of the page active area, instead of aligned under each top level menu item (which they weren't aligned before). 

.top-menu .sub-menu ul[data-depth="1"]>li{float:none;} /* removes left justification */
.top-menu .sub-menu {width: auto; min-width: auto;} /* removes full active area width from subcategory dropdown width */

 

×
×
  • Create New...