Alignment issues with tabs and items

Ask the Community General Questions
1
  • Issue description:

The first and last tabs components are not align with the rest.
The items : when the number is uneven, the last one goes wherever on the bottom lign instead of being align

Capture d’écran 2024-01-09 à 12.29.34
Capture d’écran 2024-01-09 à 12.29.341920×1057 93.2 KB

1 Like
3

@Damiano_Fersini Do I understand it correctly that you’d like to move the last item to the left column?

image
image1450×796 55.9 KB

1 Like
4

Yes !

And also the top tabs, you can see that Breads and Drinks are not aligned with the rest. (This does not occur in the elfsight dashboard)

1 Like
5

@Damiano_Fersini I’ve double-checked things and see that issue with the tabs is resolved now:

image
image1874×840 80.5 KB

Could you please check it and let me know if it’s fine on your end?

As for the second issue, I’ve forwarded it to our devs and will let you know once anything comes up :slightly_smiling_face:

6

Indeed it is resolved. Let’s wait for the devs for the other issue ! Thank you

1 Like
7

We’ve fixed the issue by adding this code to the Custom CSS field on the Style tab of your widget’s settings:

[class*='SectionsLayoutTabs__ItemsContainer-sc'] {
  justify-content: flex-start;
}

Check it out and let me know if you like what you see :slightly_smiling_face:

We also noticed that the images in the widget take a long time to load. To improve loading speed, we recommend that you change the image format to JPEG.

1 Like