Hi,
I have 3 columns each with a simple graphic image placed. When I view the front-end a mysterious element or icon appears over the images.
See here: http://www.sladestyle.com/melita-group/ Scroll down the page to BenefitsComplete / HRComplete / HRStrategy and you will see what I’m talking about on top of each graphic icon.
Also – when viewing on my iPad BenefitsComplete is being cutoff.
Any ideas?
Thanks!
Slade
Hi Slade!
1- Can you please try updating the page and if that does not work, re-creating that section?
2-
@media only screen and (max-width: 990px) {
h3.av-special-heading-tag { font-size: 24px; }}
Cheers!
Yigit
Hi Yigit!
I updated the page, I completely took those graphics elements out of the page and then rebuilt that section but still…that strange things shows up on mobile devices.
The @media code worked close enough for me to be able to tailor it specifically. Thanks!
Slade
Hey!
Please use following code in Quick CSS to hide them.
.avia-image-container.av-styling-.avia-builder-el-53.el_before_av_image.avia-builder-el-first.avia-align-left, .avia-image-container.av-styling-.avia-builder-el-62.el_after_av_hr.el_before_av_heading.avia-align-left, .avia-image-container.av-styling-.avia-builder-el-48.el_after_av_hr.el_before_av_heading.avia-align-left {
display: none;
}
It seems like you have those broken image elements in your page content :/
Best regards,
Yigit
That did the trick. Thanks!
Do you know how they got there?