Dawn Theme Slider size issue and no image click link

Store Design
1

Hi there,

I’m having issue with Dawn theme slider image not able to correctly display on

desktop and mobile devices.

If I want show on desktop then it will crop on showing mobile devices.

However I’ve found a sloution via community search and i’ve add following code into Asset->/base.css

@media screen and (max-width: 640px) {
.banner--adapt_image {height: 200px;}
}

This is page where I found the solution.

Slider on desktop/mobile

and i’ve change the height to 340 inorder to get the correct size on both devices.

I’m not sure is this the smart way or is this the correct way, just sharing this part. (I’m sure there

are alot people like me who isn’t good at code and also wandering why the slider didn’t come

with RWD design.)

My 2nd question is I would like to make the slider clickable. I’ve check this post

Making your slidershow clickable

I’m having problem finding the code after I’ve open slideshow.liquid

with this topic’s code, i couldn’t find any code mentioned in the post.

I’ve also check Dawn 9.0 and still unable to find those code.

Regards,

Dragon Chi

2

Hi, @kdgonk .

Please check the following URL for creating a clickable banner.

https://ezfycode.com/blog/dawn-theme-clickable-banner-tutorial

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

3

Hi @websensepro ,

Thank you for your assistance. I’ve follow your post and I encounter an issue,

not sure is this because the newer version of the theme or what might be the

problem.

I’m having problem trying to find
when ‘buttons’
This by using the CTRL + F search function.

screentshot.JPG
screentshot.JPG1920×917 146 KB

Should I copy the whole image-banner.liquid which might be able to determine what

seems to be the issue?

I’m sorry for lack of coding knowledge. Any assistance will be much appreciated.

Thanks in advance.

Regards

kdgonk