Header/logo phone issue

[Dominique]

Hi,

I have two main websites using your theme: stratton.beds.sch.uk and strattonschoolfarm.org

When viewing on a mobile phone the header/logo for stratton.beds.sch.uk has a transparent background and on strattonschoolfarm.org it has a grey/black background.

Essentially I need them reversed please! I need stratton.beds.sch.uk to have a grey/black background and strattonschoolfarm.org to have a transparent background

Thank you,

Dominique

[Forum Moderator]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Dave

[Dominique]

Hi,

https://imgur.com/a/FYuJt

Thank you!

Dominique

[Forum Moderator]

Hi,

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

Add this code there:

For http://strattonschoolfarm.org/

@media screen and (max-width:479px) {
.header { background:none !important;}
}

For http://www.stratton.beds.sch.uk/

@media screen and (max-width:479px) {
#wrapper .header { background-color: rgba(0,0,0,0.7) !important;}
}

Regards,
Dave

[Dominique]

Worked a treat! Thank you!! 🙂

Dominique

[Forum Moderator]

Hi Dominique,

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

Regards,
Dave

[Author]

Posts