Remove extra Bars in mobile

Home › Forums › Handy Theme Support › Remove extra Bars in mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 16, 2019 at 1:00 pm #130739
    Richard MetcalfRichard Metcalf
    Participant
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: August 30, 2019

    My issue is that on the mobile version of our site in areas such as “Why choose handy hector” our featured image has large grey bars beneath it and it looks bad.

    What CSS code must I add to the theme to fix this in mobile?

    http://handyhector.com/about-us/

    http://handyhector.com/gallery-carousel/

    September 17, 2019 at 5:48 am #130760
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31206
    • Total: 31206
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (max-width:767px) {
.page_head, .post_head { height:auto !important;}
}

    Regards,
    Dave

    September 17, 2019 at 1:08 pm #130832
    Richard MetcalfRichard Metcalf
    Participant
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: August 30, 2019

    that fixed it

    Thank you!

    September 17, 2019 at 1:11 pm #130834
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31206
    • Total: 31206
    Member since: August 16, 2013

    Hi Richard,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/23/

    Regards,
    Dave

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