Setting a link for an entire column

[Web_Services]

Hi there, I’m wondering how to hyperlink an entire column – asking for the homepage trio on dev2.zibafoods.com running X theme.

I tried assigning COLa, COLb, and COLc as the column IDs and then added the following JS

jQuery("#COLa").wrap("");
jQuery("#COLb").wrap("");
jQuery("#COLc").wrap("");

The links worked, but the formatting got all screwed up and crunched together. Please advise.

Thanks

[thai]

Hi @Web_Services,

To fix the layout issue, please also add this custom CSS:

.display-flex .x-column {
    width: 100%;
    height: 100%;
}

@media (min-width: 980px){
    .display-flex > a {
        width: 33.3333%;
    }
}

@media (max-width: 767px){
    .display-flex > a {
        height: 480px;
        display: block;
    }
}

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope that helps and thank you for understanding.