Nick C

Hi, @dori83!

It’s a little more complex with Executive Pro because you also need to reposition the excerpt area so the content still fits at mobile screen sizes. You could try this at the bottom of your custom CSS as a starting point:

@media only screen and (max-width: 1023px) {
	.content #genesis-responsive-slider .slide-excerpt {
		background-color: #556270;
		background-color: rgba(85, 98, 112, 0.8);
		display: block;		
		height: 60%;	
		width: 100%;	
		overflow: auto;
		font-size: 13px;
		padding: 3% 3% 0;
		bottom: 0;
		top: auto;		
	}

	.content .genesis_responsive_slider h2, 
	.content .genesis_responsive_slider h2 a {
		font-size: 20px;		
	}
}

@media only screen and (max-width: 801px) {
	.content #genesis-responsive-slider .slide-excerpt {
		height: 100%;		
	}

	.content #genesis-responsive-slider .slide-excerpt p {
		margin-bottom: 10px;
	}

	.content .genesis_responsive_slider p a {
		margin-top: 6px;
	}
}

Great! Glad that helped.

If you’re a StudioPress customer, there’s a list of community resources here should you need extra help with your other planned custom theme alterations: https://my.studiopress.com/community/

@caghaedul001 Thanks! You can force the slider title and excerpt to appear at mobile widths by placing this in your theme’s stylesheet:

.slides .slide-excerpt {
	display: block !important
}

Hi, @sa3idho.

You’re right that RTL support isn’t currently built in, I’m sorry to say. For now, you could add this CSS to your theme’s style.css file, which will help the images to display:

.rtl #genesis-responsive-slider .flexslider {
    direction: ltr;
}

.rtl .genesis_responsive_slider .slide-excerpt,
.rtl .genesis_responsive_slider .slide-excerpt-border  {
    direction: rtl;
}

This may require further adjustment depending on your current slider settings, but I hope it’s helpful as a starting point.