Remember me

Menu break point

7 years 2 months ago #1

  • Felix's Avatar
  • Felix
  • Posts: 16
Hello
I like the choice of categories with the small buttons over the thumbs. Unfortunately these buttons are changed to a "roll-up" choice menu already in a large view of the browser. How can I change this point to make it change only in the mobile phone version?
thank you for your help
Felix
Attachments:

7 years 2 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 11342
Hello,

1. Add custom class for your gallery: custom-mobile-menu



2. Add this code into your template custom.css file
.ba-gallery.custom-mobile-menu select.ba-select-filter {
    display: none !important;
}

.ba-gallery.custom-mobile-menu .category-filter a.ba-filter, 
.ba-gallery.custom-mobile-menu .category-filter a.ba-filter-active {
     display: inline-block;
}

@media (max-width: 470px) {
    .ba-gallery.custom-mobile-menu .row-fluid select.ba-select-filter {
        display: block !important;
    }
   
   .ba-gallery.custom-mobile-menu .category-filter a.ba-filter, 
   .ba-gallery.custom-mobile-menu .category-filter a.ba-filter-active {
       display: none !important;
   } 
}

Mobile menu will be displaying on 470 px and smaller

Regards,
Powered by Kunena Forum