head slider not visible on mobile views

Home Forums Massage Center (Spa) Forum head slider not visible on mobile views

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #111108
    karl.surault
    Participant
    • Topics: 17
    • Replies: 34
    • Total: 51
    Member since: September 23, 2018

    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

    #111150
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23447
    • Total: 23447
    Member since: August 16, 2013

    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

    #111548
    karl.surault
    Participant
    • Topics: 17
    • Replies: 34
    • Total: 51
    Member since: September 23, 2018

    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

    #111551
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23447
    • Total: 23447
    Member since: August 16, 2013

    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

    #111563
    karl.surault
    Participant
    • Topics: 17
    • Replies: 34
    • Total: 51
    Member since: September 23, 2018

    perfect, thanks a lot!

    #111564
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23447
    • Total: 23447
    Member since: August 16, 2013

    🙂

    #112771
    karl.surault
    Participant
    • Topics: 17
    • Replies: 34
    • Total: 51
    Member since: September 23, 2018

    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

    #112870
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23447
    • Total: 23447
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS

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

    Regards,
    Brad

    #112950
    karl.surault
    Participant
    • Topics: 17
    • Replies: 34
    • Total: 51
    Member since: September 23, 2018

    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!

    #112954
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23447
    • Total: 23447
    Member since: August 16, 2013

    Hi,

    Okay, kindly show us your post page URL please?

    Regards,
    Brad

    #112956
    karl.surault
    Participant
    • Topics: 17
    • Replies: 34
    • Total: 51
    Member since: September 23, 2018
    #112962
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23447
    • Total: 23447
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS

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

    Regards,
    Brad

    #112964
    karl.surault
    Participant
    • Topics: 17
    • Replies: 34
    • Total: 51
    Member since: September 23, 2018

    just perfect. thank you so much!

    #112965
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23447
    • Total: 23447
    Member since: August 16, 2013

    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

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.