: Top Row 1 and S5 Image and Content Fader v3 responsive issue : redback 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 : Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : mikenicoll 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, : Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : redback October 17, 2015, 11:47:08 PM Is there no way to reduce the amount of overlap for smaller screens?
: Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : mikenicoll 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, : Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : redback 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 : Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : mikenicoll October 20, 2015, 07:37:21 PM Hello,
This would hide the text @ 750px. : @media screen and (max-width: 750px) { .slideInfoZone { display: none ! important; } } : Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : redback 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 : Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : mikenicoll 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. : Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : redback October 20, 2015, 11:42:51 PM Thanks
: Re: Top Row 1 and S5 Image and Content Fader v3 responsive issue : mikenicoll October 21, 2015, 06:39:25 PM NP :)
|