Landing Page Slider not responsive

  • Author
    Posts
  • #55941

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

    #56740

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

    Website: Downtownindymassage.com

    #56762

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

    #56767

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

    #56800

    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.

    #56811

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

    #56823

    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

    #56909

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

    #57013
    This reply is private.
    #57106
    Zed
    Cryout Creations mastermind

    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.
    #57124
    This reply is private.
    #57527
    Zed
    Cryout Creations mastermind

    @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.
    #58164
    udiblog
    Power User

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

    Website: blog.udiburg.com

    #60962

    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

    #60966

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

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Landing Page Slider not responsive’ is closed to new replies.