Docs

[Marc O]

This reply has been marked as private.

[Marc O]

Also, FYI I’m using X version 4.0.3.

[Rue Nel]

Hello There,

It seems that you have updated your X theme successfully. After everything is updated, since you have installed a caching plugin WP Super Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please also clear your browser or use Chrome’s incognito mode before testing your site. If still doesn’t work out, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media only screen and (min-width: 768px) {
  .x-content-band.moveup .x-column.x-1-1{
    float: none !important;
    display: inline-block;
    margin-top: -150px;
  }
}

Please keep in mind that @media should appear last from any other styles in your customizer. Perhaps the correct one should look like this:

h1, h2, h3, h4, h5 { margin-top: 30px !important; margin-bottom: 10px !important; }

.x-navbar, .entry-wrap, .x-logobar, .has-post-thumbnail .entry-featured {
   box-shadow: none;
   border: none;
}

.x-colophon {
box-shadow: none;
}

div.x-navbar, .x-colophon.bottom, .x-colophon.top {
border: none;
box-shadow: none;
}

.x-content-band.moveup .x-container{
  background-color: #fff;
  width: 100%;
  max-width: 1150px;
  padding-left: 5%;
  padding-right: 5%;
}

@media only screen and (min-width: 768px) {
  .x-content-band.moveup {
    margin-top: -150px;
  }

}

@media only screen and (min-width: 768px) {
  .x-content-band.moveup .x-column.x-1-1{
    float: none !important;
    display: inline-block;
    margin-top: -150px;
  }
}

Please let us know how it goes.

[Marc O]

This reply has been marked as private.

[Rue Nel]

Hello There,

Can you please update to the latest X theme? (Theme and Plugins)

Our latest versions are:
X Theme: 4.1
Cornerstone: 1.0.6
Visual Composer: 4.7
Revolution slider: 5.0.6

You can find the latest version numbers here: (http://theme.co/x/member/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Thank you.

[Marc O]

Ok.

Updated everything it still looks like Safari is messed up. Chrome looks fine.

Not sure what else to do…

Thanks.

[Rad]

Hi there,

Please remove these,

@media only screen and (min-width: 768px) {
  .x-content-band.moveup {
    margin-top: -150px;
  }

}

@media only screen and (min-width: 768px) {
  .x-content-band.moveup .x-column.x-1-1{
    float: none !important;
    display: inline-block;
    margin-top: -150px;
  }
}

Instead, add this :

@media only screen and (min-width: 768px) {
  .x-content-band.moveup {
    margin: 0px;
    position: relative;
    top:-150px;
  }
}

Cheers!

[Marc O]

Ah. That worked.

Thanks!

Why did updating WP and the X theme cause issues with this?

Just want to know for reference.

Thanks again.

[Lely]

Hello Marc,

Glad that work.
Please note that sometimes update with the theme or WP might not work with your customization that’s why a little design tweak might be needed.

Hope this helps.

[Author]

Posts