Force text under slider area in responsive design

[definemedia]

Hello,

I am working on the Executive Pro theme for a website, and have added two custom widget area using genesis extender. top_left and top_right to enable me to add a slider and text area in place of the full width slider.

Sizes are set to .two-thirds first and one-third.

What I would really like to happen is for the text to appear under the slider @1023 px as it does @800px as the text is a bit long alongside the image.

Dose anyone know if there is a way to do this in the media queries, to force a width so to speak even if the widget areas are set using the genesis classes ?

Any help very much appreciated.

Maria

http://zambia.partnershipsfordevelopment.net/

[Tom]

Hi Maria,

Place this CSS code inside the media query for 1023px:

.home-slider-area .two-thirds, 
.home-slider-area .one-third,
#top-left {
        margin: 0;
        width: 100% !important;
    }

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[definemedia]

Hi Tom,

That worked perfectly - and completely made sense ... I just hadn't thought that I could apply 100% to a column class. That has helped me immensely as i now know this will solve other issues too.

Thank you so much, much appreciated,

Maria

[Author]

Posts