queue  41
support
Results 1 to 6 of 6

Thread: Mobile Sticky header

  1. #1
    Junior Member
    Join Date
    Aug 2016
    Posts
    15

    Mobile Sticky header

    Hi,

    On mobile the sticky header is dark so the site text logo does not show up. On PC it's white. How do I set the mobile header to be white?

    Thanks,
    Liz

  2. #2
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    16,930
    Hi,

    you can do that by adding this to Custom CSS field in Theme Options panel:
    Code:
    @media (max-width: 767px) {
    #the-navigation {
    background-color: #fff;
    }
    }

  3. #3
    Junior Member
    Join Date
    Aug 2016
    Posts
    15
    Thanks that worked :-)

    The only issue is that on iphone/phone the menu icon does not open the menu, it just re-loads the homepage.

    Is there a setting I'm missing?

    Thanks

  4. #4
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    16,930
    Hi,

    unfortunately I don't have an iPhone to test with. I tested on my android phone and it works normally, also checked on browserstack on iPhone and it works there as well, though that's not the most reliable way.

    Which iPhone are you testing this on, and in what browser?

  5. #5
    Junior Member
    Join Date
    Aug 2016
    Posts
    15
    Hi,

    Iphone5s, iOS 10.1, safari.

    Thank you

  6. #6
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    16,930
    Thanks, does it happen on this website as well? http://akin.themes.tf/