[RadModerator]

Hi there,

Hmm, I checked this https://entertaincapital.com/slider-test/ again and it’s okay now. Other sliders are narrow because they aren’t set as full screen, unlike the first two sliders. Other 3 are just filling the column’s size.

There is no malformed content, maybe it was just the cache.

And no sliders are missing compared to your other page, would you mind re-creating that page?

Thanks!

[444mediaParticipant]

ah …OK…interesting. Well as I read this and respond, I am in the process of changing the type of hosting the client had for this site. I called GoDaddy as Rue Nel suggested and the type of hosting they had on this did not support the latest version of PHP. So I am in the process of changing the hosting now (same host, just different kind of account….moving from Managed WordPress to a standard C Panel acct). When the migration is complete I will check this.

[ChristopherModerator]

Let us know if you have further questions.

[444mediaParticipant]

Ok…so for EChomeSEC2 I changed it from Slider to Hero Scene, and from Auto, to Full width…and that fixed it on the desktop…great! Works now on the desktop. Guess it had nothing to do with the version of PHP, but I guess it can’t hurt to switch…just a pain now :/

However, still having the issue on mobile with some of the layers not being responsive, mainly the buttons staying full sized.

[Rue NelModerator]

Hello There,

Thanks for the updates! To resolve this issue and make sure that the buttons will resize on smaller screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 979px){
  .rev_slider .rev-btn {
    padding: 4px 10px !important;
    font-size: 10px !important;
    line-height: 14px !important;
  }	
}

We would loved to know if this has work for you. Thank you.

[444mediaParticipant]

OK…so I placed this code as instructed (thank you) but still not appearing quite correctly. See attached screenshots. This code seems to have helped, but in looking at the home page on mobile now, there are other issues. I have done a hard restart on my phone, cleared all open programs and restarted Safari, plus cleared the cache then looked again, but still same issues as in screen shots attached.

Issues:
1. Logo above Entertain Capital text (image layer) not showing. Not really a big deal, but wondering why it wouldn’t show up? It’s just the logo in red, without the text of the company name.
2. Text “Entertain Capital” not resizing to screen…”Entertain” is cut off
3. Text in the white bar, “Crowdfunding Entertainment” is getting cut off on both ends
4. This is not an issue really, but the two buttons, “Fund your next project” and “invest in entertainment” are smaller now thanks to the code you provided. Just wanted to point that out. It’s not an issue, just showing where code took effect.
5. Navigation is loading open, and displaying all navigation men u items. I did not click on the menu bar. This is how the page loaded
6. Not sure what it says in red, “Entertain Capital” (above the logo), and below the logo, “Navigation”?
7. The “tell me more” button is very large and out of proportion to the slide and text in the button (red button)

Also, load time on mobile is extremely slow. Not sure if there’s anything I can do about that (on mobile, because load time on desktop is not too bad). I do still need to optimize the site for speed. Have not done that yet…

Speaking of optimizing the site for speed….which plugins have you found work best for increasing site speed with X? I assume I need something for cache (W3?) and something for image compression, and I have also used a CDN in the past (but with my last X site, the CND actually slowed the site down for some reason). Thanks for your additional input on this one.

[RadModerator]

Hi there,

The menu looks okay on my mobile. Please try another device.

About the slider, it’s because it’s not designed to be responsive, you enabled custom grid but you never utilize them.

https://www.themepunch.com/revslider-doc/slider-setup/#layers-grid-size

When you enabled them, you should then arrange your layer to each device view. If you’re on that device view, you can change your layer font size, arrange them, or resize them.

About the mobile performance, it’s only normal when you have multiple sliders running at the same time. Slider runs on mobile device’s browser and not within the site. If the device has lower specs, or the device running out of resources due to other apps, then it will be much slower. Because it’s faster and no issues on the desktop when it’s just the same sliders.

Personally, if I’m going to choose, I would create separate sections just for mobile (no slider at all) but simply images that look like slides. Then I’ll turn off the sliders on mobile.

Thanks!

[444mediaParticipant]

Hi Rad,

Ahhh…OK…that’s a good idea. Didn’t think of that….and never have done that before. So I could create sliders specifically for mobile and just tell the plugin to only show these sliders on mobile and not on desktop…and vice versa for the desktop sliders….is that about right, and what you’re suggesting I do?

These sliders were created from templates that I downloaded from Slider Revolution, so I didn’t really play with their settings; I just changed the text and images.

As far as speed, OK…I understand. Just figured it was worth asking in case I didn’t know about some setting within Slider Revolution.

But as to may other, not really related, question, what plugins have you guys found work well with X to optimize the site for speed? (or should I open a new topic for this question? I will, if that’s better)

[RadModerator]

Hi there,

Yes, you could do that. The full featured slider is not really advisable on mobile, it will run slower.

And you may check Slider revolution slider for more options 🙂

For optimization, I can’t really recommend a plugin to represent the whole X team. But I personally prefer W3 Total cache as I can turn on/off features at a time. It may be overwhelming to first time users, but it’s worth learning. Then I recommend the CloudFlare to serve your site’s files and resources (will act as CDN). But, you should only do the customization when you’re done developing your site, it’s quite problematic working on the optimized website.

Thanks!

[444mediaParticipant]

Great…thanks so much Rad. Appreciate your help!

[Rue NelModerator]

You’re most welcome!
We’re glad we were able to help you out.

[Author]

Posts