Forum Support

Shape 5
March 29, 2024, 05:24:46 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Image & content slider-mobile problem  (Read 1303 times)
hanpaver
Jr. Member
**
Offline Offline

Posts: 28



« on: October 14, 2016, 12:52:14 PM »

I have an image & content slider on my site. 1 slide (slide 3) has an image in the text section. It does not show on mobile devices. Is there a way that I can fix this? Thanks.

ventloc.hanoverpavers.com
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: October 17, 2016, 11:29:00 AM »

Hello,

I believe if you remove the following line from your s5_responsive.css file this should do it:

Code:
.slideInfoZone .right, .slideInfoZone_unload .right {
display:none; }
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
hanpaver
Jr. Member
**
Offline Offline

Posts: 28



« Reply #2 on: October 19, 2016, 09:38:27 AM »

I can now see it on mobile but the position & size is not how I would like it to be. I've tried changing the mobile code and nothing works. For mobile, I'd like it to be larger and centered. Any suggestions? Thanks.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: October 19, 2016, 01:42:26 PM »

Its showing centered for me. If you want to add a font size to make it larger you can below:

Code:
.jdGallery .slideInfoZone p

s5_responsive.css line 251
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
hanpaver
Jr. Member
**
Offline Offline

Posts: 28



« Reply #4 on: October 19, 2016, 01:54:24 PM »

I meant, the image on slide #3.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: October 20, 2016, 12:40:14 PM »

Oh ok, if you can turn up the slide rotation time to something like 900000 I can help you out with it. Its rotating too fast to firebug inspect it right now.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
hanpaver
Jr. Member
**
Offline Offline

Posts: 28



« Reply #6 on: October 20, 2016, 01:00:55 PM »

I changed the rotation time. I also did a few other little changes that got it closer to what I want but not perfect on web or mobile.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: October 24, 2016, 01:58:16 PM »

Ok thanks, the following should center it on mobile. Open up your s5_responsive.css file and at line 310 change the CSS to the below:

.slideInfoZone .right, .slideInfoZone_unload .right {
    display: block !important;
    float: none;
    height: 200px !important;
    margin: 0 auto !important;
    width: 200px !important;
}
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.