change sidemenu-icon and second-menu-icon in mobile view

[purushotham]

Hi,

I want to change dotted icons in second-menu to User_icon. I inspect the page and found below elements

<a href=”#” class=”second-menu-trigger second-menu-icon-wrapper”> <span class=”second-menu-icon”> <span></span> <span></span> <span></span> </span> <!–<i class=”icon-storage”></i>–> </a>

Please let me know CSS to change second-menu icon to user-icon.

Thanks in advance.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, which user icon? can you share a link or a screenshot of the icon? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[purushotham]

Hi,
kindly check the attached snapshot
1. I want “font awesome–> User icon” instead of “…” (highlighted in red)
2. side menu nav items are over lapping after adding below css in customizing–>additional CSS
input#main-search {
background-color: rgba(93, 206, 185, 0.14);
}
(highlighted in blue)

Thanks in advance

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try by adding this to style.css of child theme. Buddyapp uses icomoon icons

COPY CODE

span.second-menu-icon:before {
    content: "\e60b";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
span.second-menu-icon span {
    display: none !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[purushotham]

Thank you Laura, that worked like a charm.
I edited CSS to accommodate little change.

span.second-menu-icon:before {
content: “\e60b”;
font-family: ‘icomoon’;
speak: none;
font-size: 30px;
font-style: normal;
font-weight: 100%;
font-variant: normal;
text-transform: none;
line-height: 2;
-webkit-font-smoothing: antialiased;
}

span.second-menu-icon span {
display: none !important;
}

[Laura]

Glad it worked 🙂 If you can rate us 5 stars at themeforest it would help a lot 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts