head slider not visible on mobile views

[karl.surault]

Hi,
I noticed that on mobile views, the slide of the header is not visible and I have instead a background color. I need to change this color (green) because it’s the color… of my title!
my website: https://new.novovento-coworkation.com/
exemples of the green background color (on mobiles): https://new.novovento-coworkation.com/?page_id=1833 or https://new.novovento-coworkation.com/?page_id=180
thank you to tell me where I have to specify the color I want (#0072ba)
Karl

[Sonnal S Sinha]

Hi,

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

Regards,
Brad

[karl.surault]

Hi, sorry for the delay…
you can see the mobile view hier: https://imgur.com/a/NhYOlA1
corresponding to this page : https://new.novovento-coworkation.com/?page_id=180
As you can see, the name “novovento” is not visible (green on green) on the mobile view.
is it possible to see the header image (black sand with the name “novovento”) ? or change the green color with blue (#0072ba) ?
thanks for your help
Karl

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.page .header { background:#282828 !important;}
iframe { width:100% !important;}
}

Regards,
Brad

[karl.surault]

perfect, thanks a lot!

[Sonnal S Sinha]

🙂

[karl.surault]

Hi, please can you give me the code adapted to do the same display on the posts as you did for the pages (brown color header on mobile view instead of green)?
thank you!
Karl

[Sonnal S Sinha]

Hi,

Kindly use this CSS

@media screen and (max-width:767px) {
.page .header { background:#d2691e !important;}
}

Regards,
Brad

[karl.surault]

Sorry I mis explained what i need…
– you have already given me this code in order to change the green color into brown for mobile views of pages and it works perfectly:
@media screen and (max-width:767px) {
.page .header { background:#282828 !important;}
iframe { width:100% !important;}
}

but I still have the green header for mobile views of posts (and it is a problem because my website title is in the same green…). So I just need the code to turn the green in brown on my posts. I tried to put “.post .header” instead of “.page .header” but it seems that it does not work.
thanks for your help!

[Sonnal S Sinha]

Hi,

Okay, kindly show us your post page URL please?

Regards,
Brad

[karl.surault]

https://new.novovento-coworkation.com/lapproche-dt/
https://new.novovento-coworkation.com/dylp-article2/
https://new.novovento-coworkation.com/dylp-article1/
https://new.novovento-coworkation.com/meet-your-coach-on-the-design-sprint/

[Sonnal S Sinha]

Hi,

Kindly use this CSS

@media screen and (max-width:767px) {
.single .header { background:#282828 !important;}
}

Regards,
Brad

[karl.surault]

just perfect. thank you so much!

[Sonnal S Sinha]

Hi Karl,

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

Regards,
Brad

[Author]

Posts