Change color of the Mobile Menu (background, hamburger icon and font)

Home Forums WordPress Theme Monolit – Responsive Architecture WordPress Theme Change color of the Mobile Menu (background, hamburger icon and font)

This topic contains 16 replies, has 3 voices, and was last updated by  CTHthemes 3 weeks ago.

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #18866

    detailgroup
    Participant

    Supported

    Hi How do I change the color of the background of menu in mobile. also the font color of the menu and the icon colors. Attached a screenshot

    Best

    Attachments:
    You must be logged in to view attached files.
    #18888

    CTHthemes
    Keymaster

    Use this style in Monolit Options -> Custom Code tab -> CSS code – Medium Desktop View

    
    .nav-holder {
        background: #fff;
    }
    nav li a {
       color: #222;
    }
    
    #18892

    detailgroup
    Participant

    Supported

    Thanks! How do I change the menu icon to black and the Socials icon?

    Attachments:
    You must be logged in to view attached files.
    #18915

    CTHthemes
    Keymaster

    Use this style

    
    .nav-button, .show-share {
      border-color: rgba(0,0,0,0.21)
    }
    .nav-button span {
     background: #000;
    }
    .show-share {
      color: #000
    }
    
    #18935

    detailgroup
    Participant

    Supported

    Hi got the hamburger menu fixed with the code you sent me. But the social button is still not showing

    Attachments:
    You must be logged in to view attached files.
    #18975

    CTHthemes
    Keymaster

    Ok, send me your site address to check.

    #18988

    detailgroup
    Participant

    Supported

    detailgroup.se – social share button doesn’t show in desktop or mobile

    #18995

    CTHthemes
    Keymaster

    Use this style

    
    .show-share.isShare{
      border-color: rgba(0,0,0,0.21);
      color: #000;
    }
    
    
    #18999

    detailgroup
    Participant

    Supported

    Hi I can see the share button now. When I click it, the text and the background is black, so i can’t see the text.

    #19004

    CTHthemes
    Keymaster

    Hi, I see this style on your custom style

    
    .show-share span,
    .share-icon,
    .share-icon:before
    {color:transparent}
    

    please delete it or use other value

    #29633

    maarchitetti
    Participant

    Supported
    This reply has been marked as private.
    #29656

    CTHthemes
    Keymaster

    Use this code in Monolit Options -> Custom Code -> CSS Code – Tablet View

    
    .nav-button span {
        background: #000;
    }
    
    #29679

    maarchitetti
    Participant

    Supported
    This reply has been marked as private.
    #29692

    maarchitetti
    Participant

    Supported
    This reply has been marked as private.
    #29723

    CTHthemes
    Keymaster

    add this style in mobile view:

    
    .share-container {
    display: flex;
    width: 100%;
    font-size: 10px;
    justify-content: space-between;
    }
    .share-icon {
       padding-right: 0;
    }
    .share-icon:before {
       font-size: 8px;
    }
    .inline-filter {
       padding-top: 50px;
    }
    

    https://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037

    #29793

    maarchitetti
    Participant

    Supported
    This reply has been marked as private.
    #29831

    CTHthemes
    Keymaster

    You can set fullwidth navigation on the portfolio page.

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.

New featues: CityBook - Listing & Directory WordPress Theme version 2.0.0 was outUpdate now
+