Page title layout on tablet

Home Forums All Other Themes Page title layout on tablet

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #206876
    BikoBiko
    Participant
    • Topics: 72
    • Replies: 72
    • Total: 144
    Member since: November 29, 2019

    Hi,
    In the SKT Auto Parts theme, I changed the height of the page header image to 100 px by putting a white image with a border.
    The display of the page title on the page header is good on desktop and mobile.
    See display on computer: https://prnt.sc/zyera_RWywmp
    But on a tablet, the page title is offset at the bottom and is not on the header page image.
    See screenshot: https://prnt.sc/3esXXTJXL6SB
    How to position the page title between the 2 lines of the page header?
    Thanks in advance.

    #206887
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30953
    • Total: 30953
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS to fix this issue.

    @media screen and (min-width:768px) and (min-width:1023px) {
    .skt-page-title { top:50% !important}
    .page_head, .post_head, .services_head { height:auto !important;}
    }

    Regards,
    Dave

    #206909
    BikoBiko
    Participant
    • Topics: 72
    • Replies: 72
    • Total: 144
    Member since: November 29, 2019

    Hi,
    The CSS code could not solve the problem.
    The code even created distortions for display on PC and Smartphone.
    I always need help.
    Thanks in advance.

    #206943
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30953
    • Total: 30953
    Member since: August 16, 2013

    Hi,

    Okay, kindly use this one:

    @media screen and (min-width:768px) and (max-width:1023px) {
    .skt-page-title { top:50% !important}
    .page_head, .post_head, .services_head { height:auto !important;}
    }

    Regards,
    Dave

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