Landing Page Slider not responsive

Forums » WordPress » Kahuna » Bugs

  • Author
    Posts
  • November 14th, 2017 at 07:08 #55941
    STEKjinston

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

    November 28th, 2017 at 14:55 #56740
    Showa687

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

    Website: Downtownindymassage.com

    November 28th, 2017 at 20:40 #56762
    Showa687

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

    November 29th, 2017 at 02:16 #56767
    STEKjinston

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

    November 30th, 2017 at 16:49 #56800
    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.

    December 1st, 2017 at 02:03 #56811
    STEKjinston

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

    December 1st, 2017 at 18:14 #56823
    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

    December 4th, 2017 at 02:04 #56909
    STEKjinston

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

    December 7th, 2017 at 21:49 #57013
    ncesareo
    This reply is private.
    December 10th, 2017 at 19:46 #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.
    December 11th, 2017 at 11:57 #57124
    ncesareo
    This reply is private.
    December 20th, 2017 at 18:28 #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.
    January 10th, 2018 at 17:18 #58164
    udiblog
    Power User

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

    Website: blog.udiburg.com

    March 15th, 2018 at 18:54 #60962
    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

    March 15th, 2018 at 19:27 #60966
    goldfishflake

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

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)

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