Okay
  Public Ticket #529627
Double logo on mobile
Closed

Comments

  • Jasper started the conversation
    September 15, 2015 at 7:11pm

    Hi,

    I've used the permanent transparent header function with inherit row color (super cool option), but I get an extra half logo on my mobile site. I've hide the header completely on portraid mode, but its still visible on landscape mode.

    I hope you can help me out!

    Thanks in advance.

    Jasper

  •  8,990
    Tahir replied
    September 16, 2015 at 2:57pm

    Hey ,

    Please remove the custom css and add this to remove the logo from top : 

    header#top #logo {
    display: none!important;
}

    Thanks

    ThemeNectar Support Team 

  • Jasper replied
    September 17, 2015 at 12:48pm

    Hey,

    Sorry, I probably wasn\'t clear. I don\'t want to remove the logo in the header completely, the site is only showing a weird extra half of the logo on mobile devices (see attachment) which should not be there. I only want to fix that.

    Thanks in advance.

  •  8,990
    Tahir replied
    September 18, 2015 at 6:40pm

    Hey Again,

    You seem to have some custom css in there thats causing this. Could you please remove it and let me know what you intend to do so i can write the appropriate custom css .

    Thanks

    ThemeNectar Support Team 

  • Jasper replied
    September 21, 2015 at 11:57am

    Hey,

    I removed all my costom css. Nevertheless, the double logo is still visible on my iphone (screenshot).

    This was the css I had added to the page:

    @media only screen and (max-width : 480px) {
    .video-screen {
        display: none!important;
    }
}


@media only screen and (min-width : 480px) {
    .video-mobile {
        display: none!important;
    }
}


@media only screen and (max-width : 480px) {
    #header-outer {
        display: none!important;
    }
}

    I\'ve made two row\'s, one for mobile and one for bigger screens. I also wanted to remove the the header completely on mobile screens.

    Thanks in advance.


  •  8,990
    Tahir replied
    September 22, 2015 at 3:04pm

    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) :
    #header-outer[data-permanent-transparent=\"1\"] .midnightHeader header#top #logo img{
    top: 0px !important;
    position: absolute;
}

    Thanks


    ThemeNectar Support Team