Links messed up in chrome

Support
#1

Hi There,

My links on my home page are messed up in chrome… It sometimes will load properly however when you refresh the page or goto a different page and come back to the home page it will look like the following… Also the icon paw does NOT show up on tablet or mobile? http://dogaholics.ca/

Thanks!

#2

Hi,

To fix it, you can add this in X > Launch > Options > CSS

.our-services .x-card-outer.center-vertically .x-face-content {
    width: 100%;
}

.our-services  .x-card-outer .x-face-outer {
    min-height: 283px;
}

Hope that helps.

#3

Thanks is there a way to get the paw icon to show up on tablet and mobile view on this creative cta box?

Thanks again!

#4

Hi there,

The Creative CTA works with the mouse hover event and does not have a functionality to work another way. The mobile, tablet and touch devices do not have that event so the Paw icon will not show.

If you want to have the icon I suggest that you use the Hide Element based on viewport functionality in the Page Builder to hide the CTA for mobile devices and add another element which will show only on mobile and is more suitable for your case.

Another none recommended alternative is to add the code below to X > Launch > Options > CSS which will make the icon forced to show always in devices having the width lower than 767px:

@media (max-width: 767px) {
	.home #x-section-2 .x-creative-cta .graphic {
	    position: static;
	    opacity: 1;
	    transform: none !important;
	}
}

Thank you.