Custom CSS in footer not working on mobile site

Support
#1

Hello.

Using the guidance in these forums, I added some custom css to format my footer (in which I have 4 widgets) - just background colour, font colour, borders, fairly basic things.

The changes are successfully showing on desktop. However, the mobile site is not reflecting these changes. It displays the widgets correctly, it’s just the colours that are not updating.

On mobile, when i change to ‘desktop’ mode, it works as it should, displaying correct colours.

We have cleared every cache we can think of.

Do you have any suggestions?

The url is https://www.alungathergood.com

Many thanks!

#2

Hi,

There is a missing close curly bracket in your CSS Code.

@media (min-width:767px){
.single-post .entry-featured {
    width: 40%;
    float: left;
    margin: 2%;
}
.single-post .entry-wrap {
    padding-top: 5px;
}

.x-colophon.top {
  background-color: #2E2E2E;
  color: #999999;
}
  
.x-colophon.top a {
  color: #999999;
}

.x-colophon .widget ul li {
background-color: #2E2E2E;
  border-color: #999999;
}
  
  .x-colophon.top {
border-top: 1px solid #999999;
    padding-top: 45px;
    padding-bottom: 0px;
}
  
  .x-colophon.bottom {
color: #999999;
}
  
.widget ul, .widget ol {
   border-color: #999999 !important;
}

Please change it to this

@media (min-width:767px){
.single-post .entry-featured {
    width: 40%;
    float: left;
    margin: 2%;
}
.single-post .entry-wrap {
    padding-top: 5px;
}
}   /* <- THIS BRACKET WAS MISSING */

.x-colophon.top {
  background-color: #2E2E2E;
  color: #999999;
}
  
.x-colophon.top a {
  color: #999999;
}

.x-colophon .widget ul li {
background-color: #2E2E2E;
  border-color: #999999;
}
  
  .x-colophon.top {
border-top: 1px solid #999999;
    padding-top: 45px;
    padding-bottom: 0px;
}
  
  .x-colophon.bottom {
color: #999999;
}
  
.widget ul, .widget ol {
   border-color: #999999 !important;
}
#3

Ah…what an idiot! Me that is, not you :slight_smile:

Good eyes!

May I take this opportunity to say that X theme is great and your support is second to none. My apologies for wasting your time.

#4

No worries. Have a nice day! :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.