BuddyBoss Home – Web › Support Forums › Themes › Boss. theme › editing mobile menu

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

  • Question

    September 20, 2015 at 11:35 am #46687

    sharif
    @payenda

    Hi,
    I want to edit mobile menu css (attached menu)
    Can you tell me please:
    1- how can I change font size?
    2- how can I change every element height and width?
    Thanks.

    Answers

    September 21, 2015 at 5:47 am #46716

    Anonymous
    @

    Hi
    you can inspect them easily with any developer tool and following class are responsible for them
    /boss/css/main-mobile.css

    #buddypress #mobile-item-nav ul li {
    height: 60px;
    width: 60px;
    float: left !important;
    margin: 0 5px;
    padding: 0;
    border: none;
    background-color: #d8d8d8;
    position: relative;
    background-repeat: no-repeat !important;
    -webkit-background-size: 90% 90%;
    background-size: 90%;
    background-position: 50% 50% !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }
    #mobile-item-nav ul li:before {
    font-family: ‘FontAwesome’;
    content: “\f005”;
    font-weight: normal;
    font-style: normal;
    text-rendering: auto;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    width: 60px;
    line-height: 60px;
    font-size: 38px;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    }

    you are free to change them using custom css and !important to override them.

    Regards
    Varun Dubey

Viewing 2 posts - 1 through 2 (of 2 total)
  • The question ‘editing mobile menu’ is closed to new replies.