Forum Support

Shape 5
June 17, 2021, 12:03:30 PM *
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: Top Row 1 and S5 Image and Content Fader v3 responsive issue  (Read 362 times)
redback
Jr. Member
**
Offline Offline

Posts: 89



« on: October 11, 2015, 10:05:54 PM »

Hello,

Firstly, I apologise if I have reported this error before. I normally keep a copy of your replies, but unable to find this one nor in the forum.

Joomla 3.4.4 and Risen Hope Template and S5 Image and Content Fader v3 3.7.0

Site - www.conwayskids.org.au/new15

The Top Row 1_1 module covers some of the text of the S5 Image and Content Fader v3 in module Custom 2 position in smaller screens an completely covers it in mobile devices.

Cheers
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: October 13, 2015, 10:09:02 PM »

Hello,

There isn't really a clean way around that as the module that is overlapping was designed to be over top of part of the image. When the screen gets smaller and the image size reduces the amount of available space for the text goes down and the module overlaps part of the text area.

A couple options might be to hide the overlay module #s5_top_row1_wrap or to get rid of the text at a specific resolution when it would be cut off. Let me know if one of those options would work and I will give you the coding.

Regards,
Logged

Mike Nicoll
------------
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
redback
Jr. Member
**
Offline Offline

Posts: 89



« Reply #2 on: October 17, 2015, 11:47:08 PM »

Is there no way to reduce the amount of overlap for smaller screens?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: October 19, 2015, 09:14:03 PM »

Hello,

If you have too much text that's overlapping you can put hid classes around some of the text but as far as pictures it either goes off the sides like Risen Hope does by default or it reduces in height and has no room for text. There isn't any way around that other than what I suggested earlier.

Regards,
Logged

Mike Nicoll
------------
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
redback
Jr. Member
**
Offline Offline

Posts: 89



« Reply #4 on: October 20, 2015, 01:26:25 AM »

Hello,

Disappointing really as its a great look but defeats the purpose for smaller screens.

I have decided to change module positions as you cannot see the background images let alone the text in smaller screen sizes.

Would you be able to forward me the code to get rid of the text at a specific resolution when it would be cut off as you mentioned earlier.

Cheers
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: October 20, 2015, 07:37:21 PM »

Hello,

This would hide the text @ 750px.

Code:
@media screen and (max-width: 750px) {
.slideInfoZone {
     display: none ! important;
}
}
Logged

Mike Nicoll
------------
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
redback
Jr. Member
**
Offline Offline

Posts: 89



« Reply #6 on: October 20, 2015, 09:31:50 PM »

Thanks for the speedy reply and fix.

Is it possible to lower the  navigation carousel for smaller screens?

Cheers
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: October 20, 2015, 11:21:38 PM »

Hello,

You would need to target the class name with the @mediascreen trigger value similar to the code I generated for you previously.
Logged

Mike Nicoll
------------
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
redback
Jr. Member
**
Offline Offline

Posts: 89



« Reply #8 on: October 20, 2015, 11:42:51 PM »

Thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #9 on: October 21, 2015, 06:39:25 PM »

NP Smiley
Logged

Mike Nicoll
------------
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.