Okay
  Public Ticket #3189679
Mobile Header inherit Background Color
Closed

Comments

  •  3
    mxvllhrdt started the conversation

    Hi there again!
    I was looking for a solution and trying it on my own, but i can't find anything.

    Since the Header Color inherit function is working great on the desktop, it's not working on the mobile view.

    Can you check if/what the solution is there?
    Thank you!

    1563534590.png
    5877379700.png


  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #header-outer.dark-text #top .slide-out-widget-area-toggle a .lines:after, #header-outer.dark-text #top .slide-out-widget-area-toggle a .lines:before, #header-outer.dark-text #top .slide-out-widget-area-toggle a .lines-button:after {
        background: #fff !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  3
    mxvllhrdt replied

    Hi Tahir, the header is still white on dark sides on the mobile view.

    checked it on desktop (chrome) and on my phone (safari).

    1651019033.png


  •  1,877
    Judith replied

    Hi There,

    This is what I am seeing on my end:

    1513832897.png

    Please try checking from a different device.

    Thanks.

  •  8,839
    Tahir replied

    Hey Again,

    Which page are you referring to in the screenshot?. As I cant seem to recreate the issue on the homepage?

    Thanks 


    ThemeNectar Support Team 

  •  3
    mxvllhrdt replied

    Hi all

    I'm refering to the sites "Projekte" and "Über uns".

    All the pages with a dark background.

    @Judith its not about the desktop view, its about the mobile view.

    @Tahir regarding the recreation: change the view to mobile view and then reload the page and you'll see the issue.

  •  1,877
    Judith replied

    Hi There,

    Not able now to see the site again, please check:

    7285708710.png

    Thanks.

  •  3
    mxvllhrdt replied

    hi, sorry.

    Please Check again.

  •  1,877
    Judith replied

    Hi There,

    Please try this css:

    body #header-outer, body[data-header-color="dark"] #header-outer {
        background-color: rgb(255 255 255 / 0%);
    }

    Thanks.