Goodmorning,
when i watch the portfolio grid on a small screen (ex. smartphone), the portfolio grid categories menu doesn’t resize but it breaks lines, how can i make it to resize it based on the screen so it keeps all the menu in one line? Or in case it can’t be done, how can i decide where exactly to break the line?
Thanks
Hey Qgrafica_7,
Thank you for the inquiry.
You can add this css code to adjust the font size of the category sort, but it may become a little too small.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.avia-fullwidth-portfolio #js_sort_items a,
.avia-fullwidth-portfolio #js_sort_items .text-sep {
font-size: 8px;
}
}
Best regards,
Ismael