How can I make images clickable in dawn theme.

[Faseeh1897]

I want to make images on my homepage clickable and add links to them and I also want to remove the underline that appears on text when a link is added.

Site URL: https://31afca.myshopify.com/

Theme: Dawn

[CodeGearThemes]

If you are using the latest version of the Dawn theme, add this style in that particular section from the theme Customizer.

.banner .banner__content{
max-width: unset;
padding: 0px;
width: 100%;
}

.banner .banner__content .banner__box{
max-width: unset;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0px;
}

.banner .banner__content .banner__heading {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.banner .banner__content .banner__heading a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-decoration: none;
}

[Faseeh1897]

Works fine on images with single text but not working on my hero image with multiple text.

The 2nd text goes to the side after adding the code.

[CodeGearThemes]

Add flex-direction: column;

[Faseeh1897]

added flex-direction: column; (on line 6) but it doesn't make the image clickable but just makes the text center and removes underline.

[CodeGearThemes]

Contact us via our email we will customize that section.