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

[notfarnow]

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/

[Tom]

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 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[notfarnow]

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/

[Tom]

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 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[notfarnow]

Thanks so much Tom!

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

Were keeping it from resizing.

Resolved!

[fastsite]

Was having the same problem, this worked for me.

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

[Author]

Posts