Hello
I have used the same styling to create 2 logos in the footer that I placed in a div with an id of footerLogos to align right.
Works perfectly in this live site (live) –
But in my new beta teaser site I have tried the same thing and it’s jumping on hover (only the second image has a link). The difference is that the beta teaser is using the latest version of Enfold and I’m wondering if there is a bug?
Please advise and thank you :)
Hey webWahine,
The first image doesn’t have a link in your markup, maybe you could try to copy the code which is working to your other page? This has nothing to do with the theme.
Best regards,
Rikard
Yes, I’ve tried many options, with and without a hrefs. I’ve also made them the same size, assuming that perhaps that was also the issue.
I’ve actually copied and pasted the code from the other site into this one and it’s ok so I must reiterate that perhaps it’s something to do with the update, since the js seems to be over writing my child theme code?
Hi,
I have checked it and I don’t think it’s from Enfold update, more on some custom script, if I hover over the 2nd logo, I get this inline css style:
position: relative; overflow: hidden; display: block;
It can be fixed by adding this css code in Quick CSS (located in Enfold > General Styling):
#footerLogos a {
display: inline !important;
}
Hope this helps :)
Best regards,
Nikko
Ok, that worked! I had a custom header and functions php in my child dir, also thinking that it was a custom script issue, so tried deleting those but that didn’t help. Your css did fix the issue, though. Thanks so much :)