Exclude Sticky Header Logo from mobile?

  • I am using one tone theme (AWESOME) but my problem is that the logo I am using for the sticky header is blocking content on mobile phones. I have tried using the check boxes for no sticky header on mobile but it keeps popping up. I used an animated GIF for the logo and it looks great on desktop. Is there a CSS that would block it on mobile?
    Thanks from https://www.sharpstownrealty.com

    • This topic was modified 8 years, 2 months ago by bigtom610.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author MageeWP

    (@magictheme)

    Hi bigtom610,

    Thank you for reporting this issue, it will be fixed in the next update.

    Thread Starter bigtom610

    (@bigtom610)

    Is there a CSS code I can add in the meantime? I recommended this theme to my boss. We paid for a Pro version. This is NOT making me look like a Pro… THANKS

    • This reply was modified 8 years, 2 months ago by bigtom610.
    Thread Starter bigtom610

    (@bigtom610)

    I used this code and wanted to post it in case someone else gets trapped in NO SUPPORT hell… Paste into the custom CSS box found by going to appearances and then general options

    The image was getting squashed in the header so I added this code
    img.site-logo {
    height: 250px!important;
    }

    Then I added this code to keep the image from showing up on mobile and tablets

    @media only screen and (max-width: 1000px) {
    img.site-logo {
    display: none;
    }
    }

    It is working ….

    Theme Author MageeWP

    (@magictheme)

    Great ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Exclude Sticky Header Logo from mobile?’ is closed to new replies.