• Camelia Support Team - WP Estate
    April 9, 2015 at 10:48 am #105867

    Change Logo Mobile background color in Theme Options – Design – Custom CSS or in child theme style.css.

    This is for AFTER WP Residence v 1.10 mobile menu update:

    .mobile_header {
      background-color: #282D33;
      background: black;
      height: 70px;
      width: 100%;
      position: absolute;
      top: 0px;
    }

    Change Mobile Menu Icon color

    .mobile_header i {
        color: #fff;
        font-size: 17px;
        margin: 26px;
    }
    
    

    The change can look like this if you go for a white background and black icon:

    .mobile_header {
      background-color: #ffffff;
    }
    
    .mobile_header i {
        color: #000000;
    }
    

    —-

    This is for old MOBILE MENU – before 1.10 update.

    —>For mobile text color:

    .mobilex-menu li a {
      color: #0D0505;
    }
    

    —> For background-color

      .mobilex-menu {
    background-color: #0D0D0C;
    }
    

    —-> For exit button background from mobile menu:

    .snap-drawer {
    background-color: #E7A145;
    }
    .mobilemenu-close {
    color: #931919;
    }

    —-> For border bottom menu:

    	.mobilex-menu li {
    	border-bottom: 1px solid #BAA1A1;
    
    	}
    

    Change color codes as you per wish and add this CSS in wp-admin – Appearance – Theme option – Design – Custom CSS.

    davidabc
    July 30, 2015 at 2:55 pm #117712

    When I add this to wp-admin – Appearance – Theme option – Design – Custom CSS it removes the mobile menu bar compleatly

    Change Logo Mobile background color

    .mobile_header {
    background-color: #282D33;
    background: black;
    height: 70px;
    width: 100%;
    position: absolute;
    top: 0px;
    display: none;
    }

    Camelia Support Team - WP Estate
    July 31, 2015 at 12:17 pm #117855

    Hi davidabc

    This is the correct CSS:
    .mobile_header {
    background-color: #282D33;
    background: black;
    height: 70px;
    width: 100%;
    position: absolute;
    top: 0px;
    }

    Change color code as you per wish.
    Thank you,
    Camelia

    Anna
    August 17, 2015 at 9:58 am #120401

    Hi Davidabac

    You must also change – icon color –

    .mobilex-menu li {
    border-bottom: 1px solid #BAA1A1;

    }

    Thank you
    Anna

You must be logged in to reply to this topic.

'
Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.