Is there a way to simply shrink the size of the categories as a whole in my mobile view "Recipe Index" section, instead of displaying large images in vertical view that you have to scroll through?
I appreciate the help, but what I meant was, is there a way to have the images for each category lined up side-by-side (just as it appears in desktop view) instead of vertically?
Unfortunately, the current version of Soledad doesn't support showing the Recipe Index in 1 row like the desktop version on mobile. We'll consider adding this feature in the future theme update.
Is there a way to simply shrink the size of the categories as a whole in my mobile view "Recipe Index" section, instead of displaying large images in vertical view that you have to scroll through?
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 767px) {.penci-index-post-img .penci-holder-size-square::before {
padding-top: 30%;
}
}
Change 30% to the image size you want to show on the mobile.
Regards,
PenciDesign.
I appreciate the help, but what I meant was, is there a way to have the images for each category lined up side-by-side (just as it appears in desktop view) instead of vertically?
Thanks!
Hi,
Unfortunately, the current version of Soledad doesn't support showing the Recipe Index in 1 row like the desktop version on mobile. We'll consider adding this feature in the future theme update.
Regards,
PenciDesign.