- 1
Issue:
I need to force the HomepageCategoriesViewComponent to display its four category images on a single row on desktop screens.
Current Behavior:
On desktop screens (large viewports), the category images are displayed on two separate rows. This behavior is unexpected, as it is inconsistent with the layout on tablet devices, where the images correctly appear on a single row.
Troubleshooting:
I have attempted to apply several CSS and JavaScript solutions to override the theme's default behavior, including using !important flags and a MutationObserver to ensure the styles are not overwritten. However, all attempts have failed. This suggests that the theme's layout logic is very aggressive and dynamically applies styles that prevent any external code from taking effect.
Please provide a solution to override the default desktop layout and force the category grid to display in a single row. Thank you for your assistance.https://photos.app.goo.gl/R8LkbWRzBcHfyitL7
I need to force the HomepageCategoriesViewComponent to display its four category images on a single row on desktop screens.
Current Behavior:
On desktop screens (large viewports), the category images are displayed on two separate rows. This behavior is unexpected, as it is inconsistent with the layout on tablet devices, where the images correctly appear on a single row.
Troubleshooting:
I have attempted to apply several CSS and JavaScript solutions to override the theme's default behavior, including using !important flags and a MutationObserver to ensure the styles are not overwritten. However, all attempts have failed. This suggests that the theme's layout logic is very aggressive and dynamically applies styles that prevent any external code from taking effect.
Please provide a solution to override the default desktop layout and force the category grid to display in a single row. Thank you for your assistance.https://photos.app.goo.gl/R8LkbWRzBcHfyitL7
