Need help figuring out Home Page banner issues

Hey there! 

I'm a newbie website designer and I'm having some issues figuring out how to have the homepage banner be the right size on the site. When you open it up, its MASSIVE! My client really wants it to be rotating images that cycle through automatically, but they size and resolution just don't look right. 

Please help! 

Thank you!

Site url: https://www.jmillerconsulting.ca/

Hi,

What is site url? We can check easier

The site is: https://www.jmillerconsulting.ca/

Yay! Thank you @tuanphan! That worked perfectly! You're a lifesaver!

Hi! That worked so well for mobile! One issue solved for me!

My other issue still is, how do I make it work for just a regular computer website with a big screen size and not mobile? Using the slide shows on the homepage banner, I can never seem to get the correct height of my pictures. When I minimize my browser, the picture fits in that and doesn't get cut off.. but when i go full screen, it still cuts my picture off at the TOP and BOTTOM.

Is there a code for this issue as well? Thank you!

I'm realizing now that when I minimize the website view window size, it also cuts off some of my graphic now 😞 womp womp! Would also love to see if there is another solution here!

That code work with size under 767px, if you need to apply to another size, add this code under

/* Mobile homepage banner */
@media screen and (min-width:768px) and (max-width:1024px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 35vh !important;
}
}

This is an example for screen size from 768px to 1024px

@tuanphan If my website is bigger than the 1024px should I just update that number to the size of my site dimensions? 

Thank you for all the help!😍

16 hours ago, HazyD77 said:

@tuanphan If my website is bigger than the 1024px should I just update that number to the size of my site dimensions? 

Thank you for all the help!😍

Yes