Raw content works perfectly on one site but not other

Support
#1

Hello, I am trying to make a scrolling call now button for one of my websites and this is the raw content I used to make it happen

"<1div class=“contactUs-float” >
<1a class=“lgscreen” href=“mailto:[email protected]” alt=“contact us”>Contact Us

<1a class=“smscreen” href=“tel:806 463 4847” alt=“contact us”><1i class=“x-icon x-icon-phone-square” data-x-icon=“call” aria-hidden=“true”><1/i><1/a>
<1/div>"

If you go to www.greatsurfacewraps.com you can see it works just fine, however I copied this code and just fixed the info on my other website but I can’t seem to get it work. Please help? P.s Ignore the ones in the code just placed them there so i could be view, it kept turning into a content button on this post.

#2

Hi There,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

In case this doesn’t sort it out, please provide us the logins to the site where the Raw Content element is not working.

Thank you.

#4

Just left login info, problem is still occuring.

#5

Hi there,

Please use this code in the Raw Content element:

<div class="contactUs-float">
  <a class="lgscreen" href="mailto:[email protected]" alt="contact us">Contact Us</a>

  <a class="smscreen" href="tel:806 463 4847" alt="contact us"><i class="x-icon x-icon-phone-square" data-x-icon="" aria-hidden="true"></i></a>
</div>

Then add these codes in the custom CSS:

.contactUs-float {
    position: fixed;
    background-color: #25adda;
    float: right;
    transform-origin: right top 0;
    transition: padding 1s ease 0s, background-color .5s ease 0s;
    transform: rotate(90deg);
    top: 476px;
    z-index: 999;
    right: 0;
    -webkit-transform-origin: right top 0;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.contactUs-float a {
    color: white;
    float: right;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 2px;
    padding: 15px 20px 16px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.contactUs-float a {
    color: white;
    float: right;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 2px;
    padding: 15px 20px 16px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

Hope this helps.