Page title layout on tablet

[Biko]

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.

[Sonal S Sinha]

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

[Biko]

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.

[Sonal S Sinha]

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

[Author]

Posts