Okay
  Public Ticket #1372965
Background Image on Mobile Navigation
Closed

Comments

  •  1
    Massimo started the conversation
    November 18, 2017 at 8:30am

    Hello.
    I added i background image for the tiny navigation panel only. Unfortunately the image is not shown on mobile. This is the custom css-code i added:

    body #header-secondary-outer.small-nav {
    background-position: center;
    background-repeat: no-repeat;
        background: url(imagelink);
    }
    body #header-outer.small-nav {
    background-position: center;
    background-repeat: no-repeat;
    background: url(imagelink);
    }

    How can i make the image visible on mobile navigation header?


    thanks for support.

    Massimo

  •  8,470
    Tahir replied
    November 18, 2017 at 10:36am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
    body #header-outer {
        background-position: center;
        background-repeat: no-repeat;
        background: url(https://www.tropenimpfung-hamburg.de/wp-content/uploads/2017/11/aht_header_bg_1255x111.png);
    }
}

    Thanks

    ThemeNectar Support Team 

  •  1
    Massimo replied
    November 18, 2017 at 10:58am

    Thanks Tahir. It works.