1. how to setup the slide image with link in the homepage banner(slide images)?
2. Columns unequal height issue when browser is zoomed out (Menu / Slider / Product Layout):
I am facing an alignment issue on my homepage. I have a 3-column layout:
Left: Categories Menu
Middle: Image Slider
Right: Product Widget
At 100% browser zoom, all three columns align perfectly at the bottom. However, when I zoom out the browser (e.g., to 80% or 75%) or resize the window, the middle column (the slider) becomes significantly taller than the left and right columns, breaking the equal height layout.
The left and right columns shrink based on text/content size, but the middle slider scales differently, causing an uneven bottom.
How can I properly configure these columns or what Custom CSS should I apply so that all three blocks maintain a consistent, equal height regardless of browser zoom or scaling?
Thank you!
Attachments:
You must be
logged in to view attached files.