Home Forums Themes Support Formota Formota header transparency mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9405
    svenbox
    Supported

    Hi, for the website tvatrad.se I want to make the background of the mobile header transparent. Right now it’s white. I’ve managed to change color to other color but transparent just doesn’t work as background-color. Tried all kinds of CSS but nothing works. Can you help?

    #9406

    Hi,
    Thanks for contacting us and choosing our product!
    Currently Header Mobile position is not fixed and it will use background of body is white.
    So you need to fixed it by go to Appearance -> Customize -> Additional CSS and add this code:
    header.haru-mobile-header {
    position: fixed;
    width: 100%;
    }

    the code for Toogle:
    .toggle-icon-wrap .toggle-icon:after, .toggle-icon-wrap .toggle-icon:before {
    background: none repeat scroll 0 0 #fff;
    }
    .toggle-icon-wrap .toggle-icon > span {
    background: none repeat scroll 0 0 #fff;
    }
    .toggle-icon-wrap .toggle-icon:after, .toggle-icon-wrap .toggle-icon:before {
    background: none repeat scroll 0 0 #fff;
    }

    then you need to change Logo on Mobile in Theme Options -> Logo & Favicon.
    If you want to use this for only Homepage you can add class home before CSS code above.
    Hope this helps!

    ***
    Regards,
    HaruTheme

    #9407
    svenbox
    Supported

    Thank you, but the background is still white. Where do I change that?

    #9408

    Hi,
    Please read our reply carefully.
    We don’t see you follow our answer, we have just do it and it’s fine now:
    https://gyazo.com/7cb98dbbdc99b762a9cdd6f1f9e453bc

    ****
    Regards,
    HaruTheme

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.