several issues with art theme responsive layout

Home Forums All Other Themes several issues with art theme responsive layout

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #63278
    palomapaloma
    Participant
    • Topics: 20
    • Replies: 57
    • Total: 77
    Member since: August 9, 2016

    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/

    #63337
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    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

    #63801
    palomapaloma
    Participant
    • Topics: 20
    • Replies: 57
    • Total: 77
    Member since: August 9, 2016

    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?

    #63808
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    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

    #63831
    palomapaloma
    Participant
    • Topics: 20
    • Replies: 57
    • Total: 77
    Member since: August 9, 2016

    the gallery is just shortcodes.

    also, you are not answering my question about testimonials

    #63878
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Above code is for testimonials.

    Regards,
    Dave

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.