SKT Flooring Version: pro4.0 responsive adjustment

[Nigel]

Hi, using SKT Flooring Version: pro4.0 on https://staugustinesgolfclub.co.uk and I’m getting header conflict with the menue/slider text. a simple fix is to change the screen size that changes to mobile view to change the text menu to mobile 3 lines.

see sample: https://staugustinesgolfclub.co.uk/wp-content/uploads/2025/07/Screenshot-2025-07-07-081506.jpg

please advise

[Nigel]

plus there’s a slider / header conflict, see: https://staugustinesgolfclub.co.uk/wp-content/uploads/2025/07/Screenshot-2025-07-07-085134.jpg

thanks

[Sonal S Sinha]

Hi,

Please use the following CSS to resolve the header conflict in tablet view.

@media screen and (min-width:768px) and (max-width:1023px) {
.header.type3 .logo img, .header.type4 .logo img { width: 50%; height: auto;}
.home.has_trans_header .slider-header-layout3 .nivo-caption { top:70%;}
}

@media screen and (min-width:1024px) and (max-width:1160px) {
header-layout3 .nivo-caption { top: 75%;}
.has_trans_header .header.type3 #topmenu ul li a, .has_trans_header .header.type4 #topmenu ul li a {padding: 20px 11px;}
#topmenu ul li a { font-size: 20px;}
}

Regards,
Dave

[Nigel]

Many thanks, can yuo advise which code elements do what so i can optimise to suite the clients tablet device please?

[Sonal S Sinha]

Hi,

This is intended for a tablet device 👇

@media screen and (min-width:768px) and (max-width:1023px) {
.header.type3 .logo img, .header.type4 .logo img { width: 50%; height: auto;}
.home.has_trans_header .slider-header-layout3 .nivo-caption { top:70%;}
}

Regards,
Dave

[Nigel]

thanks Dave

[Sonal S Sinha]

🙂

[Author]

Posts