• Closed
  • Diana N
    Spectator
    December 20, 2014 at 3:44 pm #13816

    Hi Alok and Roman,
    Can you tell me how to remove the black bar so that only the menu icon is showing in mobile view?

    Thank you,

    Diana

    Roman
    Spectator
    Posts: 3147
    December 20, 2014 at 5:02 pm #13818

    try insert in the Custom CSS field:

    .header-v4 #small-nav, .header-v5 #small-nav {
    background-color: transparent !important;
    border-color: transparent !important;
    }

    Diana N
    Spectator
    Posts: 45
    December 22, 2014 at 12:08 am #13848

    Perfect Roman…………..my client will be so happy!

    Diana N
    Spectator
    Posts: 45
    December 22, 2014 at 12:38 am #13850

    Oops, it removed the black background on desktop view too. Is there a way to separate the desktop and mobile menu backgrounds so we can keep the black bar on desktop view?

    Diana

    Alok Maheshwari
    Spectator
    Posts: 303
    December 22, 2014 at 10:59 am #13854

    You can use media queries

    @media only screen and (max-width: 768px){
    /* css styles here for screens with max-width of 768px. */
    }