Okay
  Public Ticket #2728323
Remove Header Logo on Mobile and iPad But Keep Sticky Logo
Closed

Comments

  • Wetlime started the conversation
    March 22, 2021 at 6:23pm

    Currently the header logo on Mobile cuts off onto the header and blocks the search bar when in use. We would like to hide the header logo on mobile and iPad when you load onto the page, but keep the header as you scroll down on the page. The attached images will help you better understand what we're talking about. 

    Thanks in advance!

  •  599
    WordPress replied
    March 23, 2021 at 7:03am

    Hello,

    You can try add custom style css. I gave the small logo size and it still displayed in Tablet and Mobile.

    @media (max-width: 991px){
        .header-v8 .header-logo {
            max-width: 95px;
        }
        .header-v8.is-sticky .menu-left .header-logo {
            text-align: left;
        }
    }
    @media (max-width: 640px){
        .header-v8 .header-logo {
            max-width: 95px;
        }
    }


  • Wetlime replied
    March 23, 2021 at 3:20pm

    Awesome that worked great! Thank You :) 

  •  599