HazyD77 Posted January 31 Share Posted January 31 (edited) 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/ Edited February 3 by HazyD77 Link to comment
tuanphan Posted February 1 Share Posted February 1 Hi, What is site url? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
HazyD77 Posted February 3 Author Share Posted February 3 The site is: https://www.jmillerconsulting.ca/ Link to comment
Solution tuanphan Posted February 5 Solution Share Posted February 5 On 2/3/2023 at 8:53 AM, HazyD77 said: The site is: https://www.jmillerconsulting.ca/ Add to Design > Custom CSS /* Mobile homepage banner */ @media screen and (max-width:767px) { body.homepage .gallery-fullscreen-slideshow { height: 15vh !important; } } HazyD77 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
HazyD77 Posted February 6 Author Share Posted February 6 Yay! Thank you @tuanphan! That worked perfectly! You're a lifesaver! Link to comment
EnigmaFlame2311 Posted February 7 Share Posted February 7 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! Link to comment
HazyD77 Posted February 9 Author Share Posted February 9 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! Link to comment
tuanphan Posted February 10 Share Posted February 10 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
HazyD77 Posted February 10 Author Share Posted February 10 @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!😍 Link to comment
tuanphan Posted February 11 Share Posted February 11 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 HazyD77 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment