-
Posts
-
Hi
My front page consists of a bunch of color sections, and within those, all kinds of different content elements. in all cases but one, the content within the color section is responsive to viewport size. The one instance where it isn’t is when I use any of the options for percent of browser window height for the color section. And, it doesn’t matter what percentage I use. I am currently using 100%, but no matter which percent I use, the content within that is not responsive. If I use “No minimum height…” then the content within that color section is responsive.I’d like the content within a full screen color section to be responsive… Is this possible? Thank you.
Hey babayard,
The responsiveness looks fine on my end, which one is it specifically? Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardHi Rikard,
Thanks for your reply, which prompted me to look more closely at my issue. It turns out, my most dependable browser FF is the one browser this doesn’t work on. Screen shot link in private content. The image on the left is FF and the one on the right is Chrome. Works fine there, as well as Safari. So this is a FireFox issue, not necessarily Enfold.
Sorry I didn’t investigate more thoroughly before contacting you.
Hi!
which code are you using to achieve this responsive behavior on Chrome? which doesn’t work on Firefox?
Can you provide us admin access so we can take a closer look into it? post login details here as private reply.Regards,
AndyHi Andy,
Thanks for your note. The thing is I did nothing to make it work in Chrome. It worked automatically.
I’ve done some research on Stack Overflow and found others with general non-responsive image issues. What i found that fixes it in FF is to take out the image’s width and height in the tag, and then add this #featuredhome img {width:100%;} where the color section ID is featuredhome
Problem solved.
- You must be logged in to reply to this topic.