Docs

[CyndeeAdkinsDesign]

Hello! My media queries are for some reason being ignored. I’ve never had this happen on a website before so I am confused to why it is happening now. I’ve tried multiple @media queries from simple strings to the more longer and more specific ones. Absolutely none of the styling I have done is being taken correctly. I’ll give one example below, with my code.

And this is what it currently looks like with the styling I’ve added…and it completely ignoring the styling.

And this is what it should look like. This is what it looks like if I edit it directly with “inspect” tool in Chrome. I’ve tried looking at in on mobile too and it is also not working. This is the website div link: Div Site

/*----------------------- BEGIN MOBILE FRIENDLY--------------------------*/

@media (max-width : 979px) {
.footer_section { border-right-width: 0px!important;border-bottom-color: #fff!important;border-bottom-style: solid!important;border-bottom-width: .5px!important;padding-bottom: 25px!important;width: 100%!important; }
.footer_section3 {width: 25%!important;}
div#top_btn_container {width: 546px;float: right;display: inline-table; margin-top: -4px;}
div#top_btn_container p { margin: 0 0 2.15em;color: black!important;}
.x-brand img {width: 345px!important;z-index: 995!important;margin-top: -45px!important;padding-bottom: 5px;}
}
@media (max-width : 767px) {
p.p-info {display: none;}
div#top_btn_container {width: 100%;float: none;display: inline-table;margin-top: -4px;}
div#top_btn_container p { margin: 0;color: black!important;float: none!important;}
.x-brand img {width: 331px!important;z-index: 995!important;margin-top: -45px!important;padding-bottom: 5px;}
.partner_logo { float: left; width: 25%; padding: 3px;}
.footer_section {border-right-width: 0px!important;border-bottom-color: #fff!important;border-bottom-style: solid!important;border-bottom-width: .5px!important;padding-bottom: 25px!important;width: 100%!important; text-align: center!important;}
.footer_section3 {width: 100%!important;}

}

[John Ezra]

Hi there,

Thanks for writing in! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[CyndeeAdkinsDesign]

This reply has been marked as private.

[Joao]

Hi There,

Please disable all cache and security plugins and update X to version 4.61.

The update is available at your Wp Admin Dashboard.

Let us know how it goes

Joao

[CyndeeAdkinsDesign]

I tried to update the theme but it says I have to update cornerstone and it won’t update or even show that cornerstone has an update. Thoughts??

[CyndeeAdkinsDesign]

It says I need to “Validate X to enable automatic updates” but I’m pretty sure I’ve already done that. Can you check and see?

When I go to the dashboard and then go to the updates to update the theme (still says I need to validate) I try to update and it says the following:

“An error occurred while updating X: Update package not available.”

If I click on “Validate X to enable automatic updates.” It takes me to the add ons page for X and doesn’t give my any additional options to validate the theme…
I’m at a loss here on how to validate or update this theme here. Please help asap.

[Joao]

Hello There,

Thanks for writing in! You should be able to update Cornerstone if you have X license validated.
Please do the following:
1] Please go to X Addons > Home and revoke the validation.
2] Please login to your account and revoke the license. https://community.theme.co/my-account/
3] After you have revoke the license, you need to re assign the license again to your site using this url: https://www.your-domain.com/. You have to make sure that url you just assign is the same as the one you have in your settings, Settings > General > Site Address
4] Go back to X Addons > Home again, and insert the license again.

Let us know how it goes

Joao

[CyndeeAdkinsDesign]

So I went in and DELETED the cornerstone plugin. I went back in and then it finally showed up in the “Updates” section that it needed updated. Now the cornerstone and the theme both said it needed validated. SO…I went to the Add-ons page and went all the way down to the bottom, REVOKED VALIDATION and re-validated the theme. This seemed to fix the validation issue with the theme and with cornerstone because it then allowed me to update both of these. The plugin cornerstone and the theme are both now updated.

Unfortunately, the @media are still being ignored. Back to step one again.

[Nico]

Hi There,

I could see that you cornerstone is still not updated.

Upon futher checking your setup, the @media is working however it is not overwritten by the code in your style.css

You could try removing the !important in your style.css that conflicts in your custom CSS.

Hope it helps.

Let us know how it goes.

Thanks.

[CyndeeAdkinsDesign]

Strange. I could have sworn I updated Cornerstone. But I see you are right. I Updated it again, as well as Slider Revolution which also now showed an update.

I will work on the custom css !important ones tomorrow and let you know how it goes. Thanks for letting me know the update wasn’t final.

[Friech]

Cool, let us know how it goes.

Cheers!

[CyndeeAdkinsDesign]

Thanks to you, I took a closer look at my CSS. I started to think that it just wasn’t being read at all part of the way through. That lead me to think I needed to check for errors. I used http://csslint.net/ to check for errors and it actually found two which threw off the css. I fixed those and now everything is working perfect.

Thanks! I REALLY appreciate your fast responses and help on everything I’ve asked help for. I’ll definitely be using this theme for future projects/purchases.

We can close this now.

[Joao]

Hi There,

Thanks for lettings us know.

Joao

[Author]

Posts