[Nigel]

perfect, thanks

[Nigel]

great fix, many thanks

[Nigel]

thanks, can you also let me know how I can increase the header logo size on the tablet screen please?

[Nigel]

thanks

[Nigel]

perfect, many thanks

[Nigel]

Hi
I’m changing the parameters for the code sent but they do not appear to be changing the overlap issue on a tablet/landscape screen (612px wide) – working OK in portrait mode tho

see: https://wiknc.nimsite.uk/wp-content/uploads/2023/11/Capture2-621pixel-wide.jpg

this is the code set-up in the custom CSS. Can you advise what to change please

thanks

Nigel

span.desc{display: none;}

@media screen and (max-width:500px) {
.logo img { max-width:115%;}
span.desc { font-size:20px;}
.phonenumber a { font-size:20px; margin:0;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.slider-main .nivo-caption .title { font-size:28px;}
.slider-main .nivo-caption .nivo-caption-content { max-width:500px;}
.home.has_trans_header .slider-header-layout3 .nivo-caption { top:80%;}
}

span.desc{display: none;}
#sidebar .widget {background:#939393 !important;}
#sidebar #searchform #s { color:#ffffff !important;}
.header #simple-menu .fa-bars { color: #ff3f00 !important;}
#sidebar .widget .widgettitle, #sidebar .widget li a, #sidebar .widget a, #sidebar .widget label { color:#000 !important;}
span.widget_border { background:#000 !important;}

@media screen and (min-width:901px) and (max-width:1023px) {
.slider-main .nivo-caption .title { font-size:28px;}
.slider-main .nivo-caption .nivo-caption-content { max-width:500px;}
.home.has_trans_header .slider-header-layout3 .nivo-caption { top:70%;}
}

@media screen and (min-width:1024px) and (max-width:1160px) {
.slider-main .nivo-caption .title { font-size:32px;}
.slider-main .nivo-caption .nivo-caption-content { max-width:500px;}
.home.has_trans_header .slider-header-layout3 .nivo-caption { top:80%;}
}

@media screen and (max-width:1024px) {
#footer.footer-type3 .rowfooter { margin:0;}
}

[Nigel]

OK, I’ll check with the client. thanks

[Nigel]

many thanks, can this be allocated code for ‘sticky’ so the page scrolls over the image (like the sliders)?

[Nigel]

many thanks

can the same be applied to page header featured images?

if yes, is there a fix also for this header error ocurring on this website

https://www.beautifulhomesuk.co.uk/kitchens/

thanks

[Nigel]

thanks, I’ll edit these parameters

[Nigel]

perfect, working now, thanks

[Nigel]

thanks, it’s Firefox causing that issue! chrome is good. any ideas why Firefox is doing that?

[Nigel]

sent

[Nigel]

OK, thanks. it’s looking like a plug-in issue but thanks for your reply

[Nigel]

thanks, perfect

[Author]

Posts