-
Posts
-
I’m experiencing a strange problem with some Color Section styling on my site. Some pages on the site have multiple color My client noticed that when scrolling up and down certain pages on her iPhone that the color section bands would continue to increase in height with each scroll. While investigating this using the responsive preview feature in my browser, I discovered that this also occurs every time the browser window width or height is changed.
I’ve traced the issue to the flex_column element in each of these sections. for some reason, an inline height style is applied, and increased, each time the window size is changed.
I have been unable to determine where this inline style is coming from. I have tried to create some custom CSS without success as there is some complicated nesting HTML structure. Possibly I could eventually solve that, but this is sucking up a lot of time, and the whole issue seems like some sort of bug. Or, is there some obscure setting I’m overlooking that could cause this? If so, it seems weird as I can’t imagine a situation where this behavior is desirable.
Speaking of settings, it seems that the color sections have a lot of options to set their minimum height, but there is no control over the maximum. Perhaps this is an upgrade to consider?
Hey tedlyc,
Thank you for the inquiry.
This might be due to a custom script or a plugin. Have you tried temporarily disabling the plugins? Please create a test page and provide the login details in the private field.
Best regards,
IsmaelThank you. There are no custom scripts, and I have no plugins loaded that control the appearance of the site. I find it hard to believe that another company’s plugin would target a specific group of DIVs that are unique to your system, vs some other random DIVs on the site.
The affected DIVs have the following class names, most of which are very likely unique to Enfold:
<div class=”
flex_column
av-1m9n6-eed31fd77f8bd9daf76119c2565fcb44
av_one_full
avia-builder-el-2
avia-builder-el-no-sibling
first
flex_column_table_cell
av-equal-height-column
av-align-middle
av-zero-column-padding
av-column-min-height-pc ”
data-av-column-min-height=”{"column-min-pc":"100%","column-equal-height":true}”
style=”height: 1344.8px;
“>There are three generic-sounding class names that might conceivably be used by another plugin developer (flex_column, flex_column_table_cell and first).
I searched through the source code of an affected page looking for instances these classes. All the instances I found were only in DIVs created by the Enfold system. Again I can’t imagine a situation where a plugin would be assigning inline heights to anything in this strange way, and it’s even less imaginable that it would apply it to another system’s page elements.
I also note that this weird inline height style immediately follows Enfold’s ‘data-av-column-min-height’ attribute. Coincidence?
Hi,
Thank you for the update.
You can use the email address (Email address hidden if logged out) or any other email, but make sure to generate the password, as we don’t have access to the specified email. We’ll wait for the login info.
Best regards
Ismael
- You must be logged in to reply to this topic.