Change font size of the tabs on mobile

CSS Codes Restaurant Menu
1

Add this code to the Custom CSS field on the Style tab of your Restaurant Menu widget’s settings:

@media (max-width: 500px) { 
[class*="TabsControlItem__Name-sc"] {
  font-size: 15px;
}
}
2

Hello! Is it possible to decrease the margin around each title on mobile as well?

image
image648×524 21.4 KB

3

Hi there, @Lily_Gamble :waving_hand:

Sure! Here is a code to reduce the margin and the bottom padding on mobile:

@media (max-width: 640px) {
[class*="TabsControlItem__TabsControlItemComponent"] {
  margin: 5px;
  padding-bottom: 0px;
}

Try it out and let me know if it helped :slightly_smiling_face: