Responsive changes dont lineup « Support Forum | Kriesi.at

Responsive changes dont lineup

2 posts from 2 voices

Tags:

No tags yet.

InterdisciplinaryInnovation
Member

Hello,

I have a few issues that I needed help with.

http://studentglobalhealth.org/

1. On the home page, when I narrow the window down to mobile size, the titles and part of the text for the portfolio images and the title and text overlap. How can I make the container fit?

2. Is there a way to make the caption disappear when the window is most narrow? Now it seems to just cut off.

3. There is a large space below the featured image when the screen is most narrow. How do I remove that?

Thanks!

Posted 2 months ago #

Ismael
Moderator

Hi InterdisciplinaryInnovation,

1 and 3.) I think you have modified layout.css and this code is responsible:

/* JASON anchors the page on mobile */
		div.slideshow_container {
		height: 330px!important;
		}

Just replace it with:

/* JASON anchors the page on mobile */
		div.slideshow_container {
		height: auto !important;
		}

2.) Add this in custom.css:

@media only screen and (max-width: 767px) {
 .slideshow_inner_caption {
  display: none;
 }
}