Arreane

No problem, have a great day!

Hi,

Thanks for providing the link.

I went ahead and checked your site and it looks like your homepage is using the archive/blog list page.

MetaSlider restrict_to=”home” uses the is_front_page() condition to check whether it should display or not. Unfortunately, is_front_page() returns false on blog pages which causes for it to disregard the restrict_to option.

As an alternative, the easiest way to hide the slide is via CSS

body:not(.home) .header-widget-region #block-27.widget {
	display: none;
}

Hi,

Sorry for taking time to respond.

You can add the following CSS code to your site to modify the CSS appearance.

You can use this code if you want the image to cover the whole slide but would crop your image due to the change of the size ratio.

@media screen and (max-width: 768px) {
	#metaslider_306 ul li {
		height: 400px; /* you can change the value to your preference */
	}
	#metaslider_306 ul li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

And you can try the code below if you want to display the whole image, but of course with create a space gap to your slide due to the change of dimension.

#metaslider_306 ul.slides li {
 	height: 400px;
 	background: #000; /* you can change the background to your preference */
 }
 #metaslider_306 ul.slides li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

Hi,

You can add your background here
#metaslider_container_972 {
background-color: #5e5e5e;
}

Although, the way I see it is that the background is directly embedded to your image https://jamiefurlong.com/wp-content/uploads/2021/09/pink.jpg

You can also contact us through our site by clicking in the chat icon at the bottom right corner of the site https://www.metaslider.com/

The shortcode below will only display the slider into your homepage.
[metaslider id=123 restrict_to=home]

May I know what you want to achieve?

Also, can you provide a link to your site where MetaSlider is embedded.

Hi,

This is clearly theme issue. MetaSlider should work fine as long as the shortcode gets rendered in your template.

Looking at your site, it’s not only the header and menu that’s missing, but also the footer section.

Unfortunately, I’m unable to help you since it’s theme issue is out of our scope.