Changing colour of mobile menu.

  • Author
    Posts
  • #150438

    On the mobile version of this website – the menu has a white background until i start scrolling (then it turns grey.) How do i get it to look grey before it scrolls?

    The blog I need help with is underpinmarketing.com.

    #150439

    Also, is it possible to align the menu and the logo so they are the same height (on desktop)

    #150453

    tarasdashkevych
    Theme Author

    Hello,

    “On the mobile version of this website – the menu has a white background until i start scrolling (then it turns grey.)”
    – Please add this custom CSS to change a background color of the header section:

    
    .site-header {
      background-color: #333333;
    }
    

    “Also, is it possible to align the menu and the logo so they are the same height (on desktop)”
    – Please remove the following custom CSS from your site:

    
    @media only screen and (min-width: 768px) {
      #masthead .header-links {
        margin-top: 25px;
      }
    }
    

    Let me know if you have any additional questions.

    Thank you,
    Taras

    #150464

    Thank you Taras,

    That has solved the issue on the mobile site, but it has also made it black on the desktop site (I’d like to make it transparent before the scroll on desktop.)

    Is there anyway to have both a black background on mobile and a transparent background on desktop?

    Best

    Lewis

    #150471

    tarasdashkevych
    Theme Author

    Lewis,

    Please use this custom CSS instead:

    
    @media (max-width: 767px) {
      .site-header {
        background-color: #5a5a5a;
      }
    }
    

    Thank you,
    Taras

    #150552

    Hi Taras,

    This is the CSS I initially thought I would need before contacting you but it’s still not working.

    #150561

    tarasdashkevych
    Theme Author

    Hi Lewis,

    Hmm…I’ve just tested this custom CSS on my site again and it seems to work fine. It’s possible that some other custom CSS causes the issue.

    Also, I am working on another solution right now. I’ll let you know when it’s ready.

    Thank you,
    Taras

    #150563

    tarasdashkevych
    Theme Author

    Lewis,

    Could you please add this custom CSS to your site:

    
    @media (max-width: 768px) {
      .site-header,
      .site-header.scroll-header {
        background-color: #5a5a5a;
      }
    }
    

    If it still does not work then please keep it on your site, so I can inspect the issue.

    Thank you,
    Taras

    #150626

    Sorted! Thank you.

    #150636

    tarasdashkevych
    Theme Author

    You are very welcome!

The topic ‘Changing colour of mobile menu.’ is closed to new replies.