The GET DIRECTIONS button on all of my location pages is hidden when you go to the page, but shows up when you hover over the area. I attached 2 pictures to show. I checked for interation options and there is none set.
Hi Jonathan,
Thank you for writing in, usually, that type of issue is caused by a broken HTML markup or CSS syntax error somewhere, please recall all the custom CSS or HTML you added to the site before this issue occurred. You can use that tools below for checking CSS and HTML.
Please check all the custom CSS you have on Theme Options > CSS, Header CSS, Footer CSS, and Elements CSS area.
Cheers!
Here is the HEADER CSS
[data-x-collapse=“opening”]>ul.sub-menu {
overflow: auto !important;
height: auto !important;
}
.x-dropdown.x-active,
.sub-menu, .x-dropdown {
transition-delay: 0s;
transition-duration: 0s;
}
I do not have anything else. Here is whats odd, if I add a new button, it makes just the first button invisisble.
Hello Jonathan,
There could be a broken html or css in your page. To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288
Regards.
Hi Jonathan,
Thank you for reaching out to us. I tried to login but the password for the given username is incorrect. Please double check the username / password. However I checked your page and I see there is a broken HTML markup. Seems like a <p> tag doesn’t have a closing tag </p> which is breaking your page. Please edit your page in content builder and check all of your Text elements and close all the tags.
Let us know how this goes!
Hello,
I just checked and there is a closing </p>
I pasted the HTML below.
<p>[wpsl_address id=“517” name=“false” address=“true” address2=“true” city=“true” state=“true” zip=“true” country=“false” phone=“true” fax=“false” email=“false” url=“false”]</p>
I also updated the secure note with the correct password.
I removed the paragraph quotes like some of the other location pages have and it still is coming up invisible unless you hover over the area.
Hello Jonathan,
After careful investigation, I found out that you added this javascript code in the custom CSS section of your header.
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1110272195817168');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1110272195817168&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-128444128-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-128444128-1');
</script>
You have added it in the wrong place. I would recommend that you install “Insert Headers and Footers” plugin and use that plugin to insert your custom JS code for the header or footer.
Please check your site now.
That looks like it fixed the issue. Thank you.
So you removed it out of the custom CSS? I have Insert Headers and Footers plugin already installed, should I copy and paste the above into it?
Hi Jonathan,
Yes, please insert those in the “Insert Header” area.
Those are scripts so it should not be in the CSS area.
Thanks,
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.