Docs

[BodhiJames]

Hi there,

The CSS I’ve put into the customizer in a Child Theme seems to stop functioning when the screen size gets below a certain width. I’d like to disable this function for parts of my CSS so that it modifies the contents of the website regardless of screen size.

Here’s the url and the css declarations I want kept intact relate to the title of the page and to the styling of the X-theme button.

http://c9f.6d8.myftpupload.com/services/bathroom-remodels/

[Friech]

Hi There,

Thanks for writing in! You have this this custom css below inside the @media (min-width: 980px), so it only trigger when you’re viewing the page on screen larger than 979px.

.x-btn.x-btn-real {
background: #ffffff !important; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#327D8E’, endColorstr=’#38761d′) !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#327D8E), to(#38761d)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top, #327D8E, #38761d) !important; /* for firefox 3.6+ */
background: linear-gradient(to bottom, #327D8E 0%,#38761d 100%) !important;
box-shadow: 0 2px 2px black;
  border-radius: 15px;
  border: 1px black solid;
  font-size: 20px;
  color: #ffffff;
}

.x-btn.x-btn-real:hover {
background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’red’, endColorstr=’#0f0f47′); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#0f0f47)); /* for webkit browsers */
background: -moz-linear-gradient(top, red, #0f0f47); /* for firefox 3.6+ */
background: linear-gradient(to bottom, red 0%,#0f0f47 100%);
  border-radius: 15px;
  border: 1px black solid;
  font-size: 20px;
  box-shadow: 0 6px 9px rgba(0,0,0,1);
color: white;
  opacity: .9;
}

Please bring that custom CSS outside of the said media query.

Cheers!

[BodhiJames]

Nice catch! Sorry for the silly question.

[Thai]

If you need anything else please let us know.

[Author]

Posts