Home › Forums › All Other Themes › several issues with art theme responsive layout
- This topic has 5 replies, 2 voices, and was last updated 7 years, 6 months ago by
Sonl Sinha.
-
AuthorPosts
-
February 26, 2017 at 4:58 pm #63278
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 pageIn 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/
February 27, 2017 at 6:31 am #63337Hi 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,
ChrisMarch 1, 2017 at 12:06 pm #63801The 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?
March 1, 2017 at 12:47 pm #63808Hi 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,
DaveMarch 1, 2017 at 2:19 pm #63831the gallery is just shortcodes.
also, you are not answering my question about testimonials
March 2, 2017 at 5:00 am #63878Above code is for testimonials.
Regards,
Dave -
AuthorPosts
- You must be logged in to reply to this topic.