Docs

[giveitlegs]

Hi there!

The support in this forum rocks! (had to say that FIRST, because these guys are ON POINT with their CSS edits out of the gate virtually every time! – thanks guys!)

I’m trying to do two things (see mobile screenshot taken from Android phone platform)…

1 – I want to suppress (get rid of) the custom header background image when the site loads on mobile (the grey treeline image), because it looks pretty crappy. (But I still want it for desktop and laptop screens).

2 – I’d also like to remove the shown topbar borders for just mobile (I just want one line below the topbar section)

Any help you can give on this would be much appreciated.

Cheers!

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[giveitlegs]

Sure thing! Here is the URL:

https://gofitfarm2.wpengine.com/

thnx!

[Paul R]

Hi,

Thank you for providing your url.

For 1 & 2
You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 767px) {
.home #x-section-1 {
   background:transparent;
}

body .x-topbar .p-info {
   border:0;
}
}

Hope that helps.

[giveitlegs]

That totally helped with the little borders! Thank you!

But, I’m afraid the background image is still there… see screenshot from mobile…

Any other thoughts? 😉

[Jade]

Hi there,

Please update the code to:

@media (max-width: 767px) {
    .home #x-section-1 {
       background:transparent;
    }

    body .x-topbar .p-info {
       border:0;
    }

    .x-navbar {
        background: #D5CEC1;
    }
}

Hope this helps.

[giveitlegs]

You. Are. A. Rockstar.

That totally did it.

Thank you sooooo much!

May many blessings follow your ultra-awesome coding ninja-like soul. 😉

Cheers!

[Friech]

You’re more than welcome and thanks for the kind words.

Cheers!

[Author]

Posts