Forum Support

Shape 5
March 28, 2024, 11:49: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: Custom3 Position Not Responsive - General Contractor  (Read 977 times)
wireframe
Jr. Member
**
Offline Offline

Posts: 1



« on: January 27, 2017, 01:17:23 PM »

We built a recent client site on General Contractor and it was working fine up until a few days ago.  Now, the mobile phone view does not show the slideshow, it shows up as a line.  It was resizing fine but now is not.  I updated the Vertex framework, the template and tried 2 other slideshows and nothing fixes the issue.  The site is located here:  http://idealplasticssystems.com/index.php.  I have included a picture of how it looks on the phone.  Please advise how to fix this asap.  Thank you.  Dawna
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: January 30, 2017, 01:52:54 PM »

Hello,

I do see the issue but you are using a 3rd party slideshow module. If you can post the URL with the S5 Image and Content Fader I can take a look and see why its not resizing properly.
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
dustyken
Jr. Member
**
Offline Offline

Posts: 96



« Reply #2 on: February 02, 2017, 10:40:29 AM »

I'm having a similar issue on my site where the pics and text in the content fader aren't responsive.

dev2.commandconstructioninc.com
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: February 02, 2017, 12:08:15 PM »

In regards to the text it is responsive, you'll see it adjust to the screen width and it doesn't spill outside of the web browser.

As for the images the look good to me, you can try setting them to "cover" in the admin area of the image and content fader. But remember the aspect ratio is changing from widescreen width to narrow width and tall height for the mobile version so there is no way to show the entirety of each image as they are all wide screen or width images.
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
dustyken
Jr. Member
**
Offline Offline

Posts: 96



« Reply #4 on: February 03, 2017, 09:25:51 AM »

I'm not as worried about the pictures as I am the text.  I have 3 images/texts sets.  In the first 2, the text runs off the page and is split.  In the 3rd, it's fine and centered correctly.  Any thoughts?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: February 03, 2017, 01:10:19 PM »

Oh ok I see the issue now, some of the words are longer and thus not breaking to the next line. Adding this CSS to the bottom of your custom.css file will cause the letters to break and fall to the next line when there is not enough horizontal space:

Code:
.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
word-break:break-all;}
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
dustyken
Jr. Member
**
Offline Offline

Posts: 96



« Reply #6 on: February 04, 2017, 10:16:24 AM »

Thanks.

But is there anyway to have a bit of CSS code so that it shrinks the font so the words don't break?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: February 06, 2017, 12:33:04 PM »

Sure you would just use something like the following:

Code:
.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
font-size:14px;}

And add it in your s5_responsive.css file with a max screen width of when you want it to show and use the above code.
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
dustyken
Jr. Member
**
Offline Offline

Posts: 96



« Reply #8 on: February 06, 2017, 01:38:35 PM »

Thanks for the response.  I've tried including that, but the font doesn't seem to be changing.  I removed the word break code from the custom.css file and included it with the font size code.  I even reduced the font size down to 8px.  Font doesn't change, but the word break works.  If I remove the word break code, the text goes back to normal:  off the screen.  When I put it back in, it wraps the words on the screen and breaks them.  So...I know I have the code in the right place, it's just not reading the font size.  Thoughts?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #9 on: February 07, 2017, 12:33:44 PM »

Ah sorry I forgot to mention the !important that needs to be on this to force an override to whatever is currently set as the font size:

Code:
.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
font-size:14px !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
dustyken
Jr. Member
**
Offline Offline

Posts: 96



« Reply #10 on: February 07, 2017, 01:16:14 PM »

Perfect!

That did the trick!

Thanks.

Logged
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.