Docs

[ldollard]

i’m using this css

@media (max-width: 414px) {
footer.x-colophon.top{
display: none !important;
}
}

but it removes it from the entire site, i just want it removed in mobile.

[Rue Nel]

Hello There,

Thanks for writing in! The css code is valid and correct. Unless there is some conflict that conflict could be the reason why it doesn’t work. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[ldollard]

This reply has been marked as private.

[Rad]

Hi there,

The CSS is correct, I tried it and it’s working as expected. I also checked and you already added it and working.

That targets it mobile’s top footer, and there is another that hide it too globally.

Thanks!

[ldollard]

I can’t find the one that’s hiding it globally. I only want it gone on mobile.

[Rad]

Hi there,

It’s here

http://dev4.novelcreativeagency.com/wp-content/themes/x-child/style.css

  footer.x-colophon.top{
    display:none;
  }

Cheers!

[ldollard]

This reply has been marked as private.

[Rue Nel]

Hello There,

Please copy the contents your child theme’s style.css in a text editor. You can find it in line 464.

You can remove that block and then add this:

@media (max-width: 414px) {
  footer.x-colophon.top{
    display: none !important;
  }
}

at the very bottom of all your other css.

Hope this helps.

[ldollard]

Thanks so much. I figured it out. I didn’t close out my mobile iPad @media so it was attributing the CSS to desktop. Thanks so much.

[Paul R]

You’re welcome! 🙂

[Author]

Posts