[STEKjinston]

The images are fixed width and do not shrink when viewed on mobile.

[Showa687]

I am dealing with the same issue here. Is there a fix?

Website: Downtownindymassage.com

[Showa687]

Actuallly I am using the header image not the not the slider but it does not seem responsive on a mobile device.

[STEKjinston]

They don’t bother to respond, so I found an alternative. https://wordpress.org/plugins/smart-slider-3/

[Showa687]

Ok thanks. Actually I’m not wanting a slider, just want a static image in the header on the landing page that will be responsive. All the other header images are being responsive for me, just not the landing page header.

[STEKjinston]

Set the slider to use shortcode and use an image plugin that actually works. Cryout doesn’t seem to care about this issue.

[scottkowalchuk]

Stekjinston, did you use anything beyond the shortcode provided by the Smart Slider plugin on the Landing Page>Slider>Shortcode section? I used the same and while the slide appears on Customizer it doesn’t appear on the live page.

Website: local

[STEKjinston]

No. Make sure the landing page is set as the default homepage.

[ncesareo]

This reply is private.

[Zed]

The static slider behaves as it was designed to in the theme – it attempts to display the image at the maximum acceptable height (while cropping the sides) to prevent the image from becoming an unreadable short banner the smallest of screens, throwing the caption outside the visible area.

If you want to change the behaviour when you’re not using captions on the static slider you can use this bit of custom styling:

body .lp-staticslider .lp-staticslider-image {
    max-width: 100%;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[ncesareo]

This reply is private.

[Zed]

@ncesareo, the CSS in my previous answer only applies to the theme’s static slider. Our slider plugin has an option (since the latest update) to control this behaviour.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[udiblog]

Smart Slider 3 is the best. And the Pro version even better.

Website: blog.udiburg.com

[goldfishflake]

The css worked beautifully to solve this issue on my static landing page except now when reducing the screen size before it gets to phone sized it crops the top of my image where the logo is displayed.

Website: agapebulldogs.com

• This reply was modified 6 years ago by goldfishflake.

[goldfishflake]

Solved my problem with the header image being cropped when screen is resized:
#site-header-main {
height: auto;
}

[Author]

Posts