Centric Home Featured 1 not responsive (no resize with slider)

Community Forums Forums Design Tips and Tricks Centric Home Featured 1 not responsive (no resize with slider)

This topic is: not resolved

This topic contains 5 replies, has 3 voices, and was last updated by  fastsite 4 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #99016

    notfarnow
    Participant
    Post count: 18

    Hi I put a responsive slider in the Home Featured 1 sidebar / widget area with Centric Pro and it does not resize. Is there a div that is fixed width that is stoping the fluid layout?

    http://notfarnow.com/dev/
    #99593

    Tom
    Participant
    Post count: 870

    The slider is inside the divs .home-featured > .home-widgets-1 which are both responsive in the default setup at all three media queries.

    I’m not familiar with Royal Slider, but did find this:
    http://help.dimsemenov.com/discussions/royalslider-wordpress/2640-responsive-wp-slider
    Possible setting issue?

    I also see Genesis Responsive Slider active. Possibly a JS conflict. Try deactivating this.
    (Since there is no responsive CSS visible for Royal slider I’m assuming it’s all done with Javascript.)


    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #99749

    notfarnow
    Participant
    Post count: 18

    Awesome Support Tom thanks! The strange thing is it is responsive in widget 2 and 3 areas but not widget 1. I put the same slider in each widget with default css and you’ll see 2 resizes and 1 doesn’t…

    here: http://notfarnow.com/dev/

    #99778

    Tom
    Participant
    Post count: 870

    I tried this with Genesis Responsive Slider and see that it also becomes non-responsive, so it is either the javascript or CSS acting on .home-featured, .home-widgets-1, etc. I’m certain there are better approaches, but found this to work with Genesis Responsive Slider – try this exercise with your site and slider:

    In style.css, find the primary sections for.home-featured .wrap and .home-featured .home-widgets-1 (around line 1360) and comment them out. Add this CSS:

    .home-featured .wrap {
    	margin-top: -160px;
    	max-width: 75%;
    }
    
    .home-featured .home-widgets-1 {
    	width: 100%;
    	padding: 200px 0;
    }

    Adjust for your slider and content. I found this to work well with Genesis Responsive Slider.

    If this doesn’t work for you with Royal Slider, you might want to try/study this tutorial, adapting for your Royal Slider or get in touch with Sridhar for some guidance (he hangs out her a lot).
    http://sridharkatakam.com/set-soliloquy-slider-background-first-homepage-section-centric-pro/


    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #100529

    notfarnow
    Participant
    Post count: 18

    Thanks so much Tom!

    Yeah so the
    display: table;
    and
    display: inline-block;
    display: table-cell;

    Were keeping it from resizing.

    Resolved!

    #101791

    fastsite
    Member
    Post count: 1

    Was having the same problem, this worked for me.

    Changing the max width to a percentage was all I needed.

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

You must be logged in to reply to this topic.