Phone number link not clickable on mobile version of site

Hey johnworfin,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header #text-2 {
    width: 36%;
  }
  .logo a {
      width: 70%;
      margin-top: 12px;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

Have you tried adding the code to the very top of quick css so it runs first? Also be sure to clear your cache a few times over.

Best regards,
Jordan Shannon

Hi,

Add this to quick css:

#text-6{
z-index:-1!important;
}

Best regards,
Jordan Shannon

Hi,

Hmmmmm, I can look into this again. Please remove the original code I gave you.

Best regards,
Jordan Shannon

Hi johnworfin,

Can you try to add this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #header #text-6 {
    margin-top: 130px !important;
    padding-top: 0 !important;
    z-index: 999 !important;
  }
}

Hope this helps.

Best regards,
Nikko

Hi johnworfin,

Try adding this css code also, this should lower the Get a Quote button:

@media only screen and (max-width:479px) {
  #header #text-6 {
    margin-top: 130px !important;
  }
}

Best regards,
Nikko

Hi,

Have you added the code to the very top of quick css so it runs first? Also be sure to clear the cache a few times over.

Best regards,
Jordan Shannon

Hi Mike,

This is the reason why it doesn’t work: https://imgur.com/a/SirFxdx
Can you put the code I gave at the bottom of Quick CSS.
Let us know if it works.

Best regards,
Nikko