Docs

[ggarmen]

I created a site for my new client in a development environment and transferred it to the live server today. Everything looks good except the only difference is my post slider height is suddenly way too big on mobile. And when I say too big, the blue background went from a height of 50px to probably 3000px. Looks perfect on desktop.

I can’t figure out what has changed or why it is happening, as I tried changing the slider’s grid settings but that seemed to have no effect. I also changed the client to a new host, could DNS propogation be an issue? Something when I transferred the license? Thanks for taking a look.

Home 2

[John Ezra]

Hi there,

Thanks for writing in! Would you mind providing us screenshots of what you are seeing. This is so we know what we are looking at, as it may appear differently on our end. Thanks!

[ggarmen]

Here are screenshots from iphone:

http://earlycommit1.com/test/ss1.png
http://earlycommit1.com/test/ss2.png

The inital problem was for the slider labeled “news”, but when I went into the “home” slider just to look at the settings, I exited Coirnerstone without saving and now that slider is messed up, as you can see in the 1st screenshot (full background image not visible as it is on desktop version).

I went into the Section that has the news slider and entered “height=60px” and that killed all of the extra blue space I had to scroll through to get to the next section of content, but it made the background color of that section the same blue as the slider. So now I’m wondering if it has to do with the Cornerstone section layout somehow. Thanks for the help.

[ggarmen]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! Since you have installed a caching plugin W3 Total 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.

And please review how to create a full auto responsive slider from this tutorial:

Hope this helps.

[ggarmen]

I don’t think the problem of my site is the cahcing plugin. I have disabled it and I am still having issues, this time with the main/home slider. My question/issue is, I had the slider perfectly how I wanted it here: http://earlycommit1.com/ggymnastics/
and used the WordPress Duplicator plugin to copy everything over to here: http://www.greenvillegymnastics.com/

I didn’t change any slider settings, and they look great on desktop, but on mobile you can see something is not right:

Test server, looks good on mobile – http://earlycommit1.com/test/ss4.jpg
Live server, image background of top slider not showing completely – http://earlycommit1.com/test/ss3.png

I didn’t change any slider settings after bringing the site over, which is why I am confused. Any ideas?

[Christopher]

Hi there,

Please find this code and remove height property :

@media (max-width:768px){
.tp-bgimg.defaultimg,.x-slider-container.above,div#rev_slider_1_1_wrapper {
  background-size: 100% auto !important;
  height: 50px !important;
}
}

Thanks.

[ggarmen]

That did the trick. Thank you for your help!

[Joao]

Glad to hear it.

Let us know if you need help with anything else.

Joao

[Author]

Posts