Adjust the mobile version of my header slideshow

**SITE NOT LIVE YET**

I am needing to adjust the size of my header slideshow banner for mobile only. 

The  web version is the perfect size but it is appearing too large for mobile, I want to adjust the size without affecting the web version. 

I have attempted to code, based off previous forum recommendations, however it is not changing even within the Custom CSS view. 

Can anyone please provide some tips or updated code that will help resolve the issue? 

Thanks in advance 

Try this guide:

https://www.will-myers.com/articles/responsive-full-width-gallery-section-images

Hi Ziggy, 

Thank you for this! I have placed the CSS code in that you provided, however I am getting this message. 

Do you know how I may be able to resolve this?

7 hours ago, KTK said:

Do you know how I may be able to resolve this?

You haven't removed all of the example section ID:

you need to remove the ="123

Thanks Ziggy! 

Sorry for all of the questions but it doesn't seem to work when I have edited that code and saved it. 

It is still appearing like the image below. 

Is there any reason that this may be happening? 

Can you add a site wide password and share the URL so I can have a look?

This has worked! Thank you so much!

8 hours ago, KTK said:

This has worked! Thank you so much!

Fantastic! Glad to help.