Slider looks great until it goes live...

User 28224 Photo


Registered User
48 posts

HELP!! I have made 2 sliders that work well on the desktop and when previewed. When I upload to the site it messes things up. Another problem I have, is when inserted into the webpage and set the height and width to what I have in the slider it doesn't work right. Any help is greatly appreciated.
http://www.spinderellas.com/family.html
there are two sliders on this page- and both of them are messed up.
His Peace Always
Lynn Snell
www.spinderellas.com
User 187934 Photo


Senior Advisor
20,187 posts

They look great in FX. What's the problem?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 28224 Photo


Registered User
48 posts

Eric Rohloff wrote:
They look great in FX. What's the problem?

In chrome they overlap and are not fitting in the container- :-(
His Peace Always
Lynn Snell
www.spinderellas.com
User 271657 Photo


Ambassador
3,816 posts

They both look fine to me in Chrome on a laptop (at a variety of widths).
On my mobile in Chrome, I see the text boxes getting pushed over the images and into one another.

Have you checked your breakpoints*? At mobile width, make sure items are set to 100% width and height: auto (or maybe 98% width to leave a bit of margin if needed).
(*In RCS and in RLM)

You could also update your Jquery link just in case, and check for errors with an HTML/CSS validator. Sometimes picky little things can interfere in big ways. :/
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 28224 Photo


Registered User
48 posts

paintbrush wrote:

Have you checked your breakpoints*? At mobile width, make sure items are set to 100% width and height: auto (or maybe 98% width to leave a bit of margin if needed).
(*In RCS and in RLM)

You could also update your Jquery link just in case, and check for errors with an HTML/CSS validator. Sometimes picky little things can interfere in big ways. :/


Mmmmmmm- guess i need to check for errors. I am not familiar with the how to's but will try and go read up on what to do. Thank you for helping!
His Peace Always
Lynn Snell
www.spinderellas.com
User 271657 Photo


Ambassador
3,816 posts

I should have left a link.
Here's one to test your site: https://validator.w3.org/
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2826139 Photo


Registered User
13 posts

I understood that the animations and text would automatically adjust via the css created. I did not know I had to add any breakpoints.
We don't know what we don't know, except for this question it seems.
User 2826919 Photo


Registered User
53 posts

I'm having the same issue

http://www.engine-repair-neworleans.com/index.html built with CC RSD and Responsive Slider

http://www.engine-repair-neworleans.com/index.php is the original I built with other software I am attempting to recreate this page in RED using strictly CC products.

The page & slider look fine in preview mode (slider won;t display in RED preview couldn't figure out ho\w to add the head code in RED.

I noticed two of the export files one in each export have the same name (main.css) when I uploaded. I combined the two files with Notepad ++ and placed it in the css folder of the root directory. This did not resolve the issue. The site is hosted on an independent Apache server. I reread the instructions before posting here and am presently baffled however by no means stopped trying to figure it out.
Blissfully Ignorant In Jacksonville, Florida
When all else fails read the instructions.
www.website-design-jacksonville.com
RSD 5.0 what a pleasant surprise. Fantastic!
User 2826919 Photo


Registered User
53 posts

I'm getting closer I think this may be a failure to comprehend the instructions. The sliders working I have no graphics back to the grindstone. I uploaded the entire cc-xxxx-xxx folder and the slider is now animated still have no images.
Blissfully Ignorant In Jacksonville, Florida
When all else fails read the instructions.
www.website-design-jacksonville.com
RSD 5.0 what a pleasant surprise. Fantastic!
User 2826919 Photo


Registered User
53 posts

Strike that it was definitely operator head-space. I got it.
Blissfully Ignorant In Jacksonville, Florida
When all else fails read the instructions.
www.website-design-jacksonville.com
RSD 5.0 what a pleasant surprise. Fantastic!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.