How to make banner responsive
- Posted by Procoma (10) Offline
- Posted by TemplatePlazza (5318) Offline
- Posted by TemplatePlazza (5318) Offline
Can you check it again? I made some changes to the slide settings :
https://www.dropbox.com/s%2Fnoijyhvvwltw1we%2Fxtpn4.jpg?raw=1
5 years 7 months ago #9
by TemplatePlazza
https://www.dropbox.com/s%2Fnoijyhvvwltw1we%2Fxtpn4.jpg?raw=1
Please Log in or Create an account to join the conversation.
- Posted by Procoma (10) Offline
I don't think this is the way to go because as you can see the height changes but the width is struggling to keep in the ratio.
Isn't there something in the css that can be set to "auto" in order to resize the width in relation to the height because only the height can be set in the settings and only in pixels and not in %.
Have a look at the slider at the header of the page.
Those are wide pictures but if resized to smaller, the ratio of the picture is kept in place.
This is where the banner goes wrong.
Just compare the pictures attached and focus on the egg in the banner. The banner is out of proportion but the image in the slider adjusts perfectly.
5 years 7 months ago #10
by Procoma
Isn't there something in the css that can be set to "auto" in order to resize the width in relation to the height because only the height can be set in the settings and only in pixels and not in %.
Have a look at the slider at the header of the page.
Those are wide pictures but if resized to smaller, the ratio of the picture is kept in place.
This is where the banner goes wrong.
Just compare the pictures attached and focus on the egg in the banner. The banner is out of proportion but the image in the slider adjusts perfectly.
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5318) Offline
Hi sorry for delay in responding.
One is using background (it's working good on screen resizing, but some portion of image will be hide on the small devices) and the other one using image (all parts images are displayed but sometimes it doesn't resize well with full width template).
I will look into the codebase to see if there is anything I can fix and will update you soon
5 years 7 months ago #11
by TemplatePlazza
It's because both of them using different approaches.Have a look at the slider at the header of the page.
Those are wide pictures but if resized to smaller, the ratio of the picture is kept in place.
This is where the banner goes wrong.
One is using background (it's working good on screen resizing, but some portion of image will be hide on the small devices) and the other one using image (all parts images are displayed but sometimes it doesn't resize well with full width template).
I will look into the codebase to see if there is anything I can fix and will update you soon
Please Log in or Create an account to join the conversation.
- Posted by Procoma (10) Offline
That would be great because for now I can't use your product.
I have disabled the user account so let me know when you need it again.
5 years 7 months ago #12
by Procoma
I have disabled the user account so let me know when you need it again.
Please Log in or Create an account to join the conversation.