• 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.