several issues with art theme responsive layout

[paloma]

I am having several problems with the layout of the art theme on phone (responsive mode).
1. My galleries on the home page are not stacking vertically
2. on inner pages/posts,the header overlaps with the content on the page

In General:
1. only the first gallery on the home page auto animates, I want all three to auto animate
2. Testimonials is still not correct on home page. You guys slowed down the transition of them but that is NOT what I wanted. I want them to actually stay still on the screen for a longer time period so people can actually read them.

http://www.gentleorganizer.com/

[Sonl Sinha]

Hi Paloma,

Kindly go to Appearance>>Customize>>Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.home2_section_area td { float:left; width:100% !important;}
body .header_wrap .header, body.home.has_trans_header .header { position:relative !important;}
}

For testimonials Pause timing.

Find this CODE:

jQuery(window).load(function() {
jQuery(“.bxslider”).bxSlider({
mode: “horizontal”,
slideMargin: 3,
adaptiveHeight: false,
speed: 1e3,
controls:!1,
auto: !0,
autoHover: !0
})
}),

And replace this CODE there:

jQuery(window).load(function() {
jQuery(“.bxslider”).bxSlider({
mode: “horizontal”,
slideMargin: 3,
adaptiveHeight: false,
speed: 1e3,
controls:!1,
auto: !0,
autoHover: !0,
pause: 10000
})
}),

Regards,
Chris

[paloma]

The testimonials on mobile is quite large

Also, on mobile, the galleries on the home page now fit horizontally on the screen but I wanted them to fit vertically on mobile screen (horizontal on PC) so they would be larger and easier to see. Also, on PC and Mobile, they don’t automatically start sliding which is what I wanted…all 3 to start sliding simultaneously.

Where do I find the query you want me to change? what php file is it for testimonials?

[Sonl Sinha]

Hi Paloma,

Add this code in Custom CSS Box:

@media screen and (max-width:767px) {
.bxslider h5{font-size:15px !important; line-height:22px !important;}
}

For the gallery, you are using plugin for gallery and it is a gallery issue.

Regards,
Dave

[paloma]

the gallery is just shortcodes.

also, you are not answering my question about testimonials

[Sonl Sinha]

Above code is for testimonials.

Regards,
Dave

[Author]

Posts