Use BLACKFRIDAY2024 to get 25% off on all our plugins, themes and memberships till December 1st

BuddyDev

Search

[Resolved] how to remove icon's text for community builder theme for mobile devices?

  • Participant
    Level: Initiated
    Posts: 17
    edelawit on February 21, 2021 at 4:52 am #36323

    Hello there! how can I make community builder’s theme; profile menu (I think it is the primary menu) to show only icons on mobile devices? how can I remove the text that comes after the icons ONLY FOR MOBILE DEVICES?

  • Keymaster
    (BuddyDev Team)
    Posts: 24645
    Brajesh Singh on February 22, 2021 at 8:16 pm #36344

    Hi,
    Thank you for the question.

    I do not think it is the right thing to do but here is the option to do it

    
@media screen and ( max-width: 720px) {
	
.bp-members-primary-nav-tabs li a {
    visibility: hidden;
}
	
.bp-members-primary-nav-tabs a::before {
    visibility: visible;
}

}

    Please note, the spaces for text are still there due to use of the visibility.

    Regards
    Brajesh

  • Participant
    Level: Initiated
    Posts: 17
    edelawit on March 4, 2021 at 6:53 pm #36597

    Thank you Brajesh but I change my mind for removing the texts. one last thing; can you please tell me how to reorder the primary nave items? and where to put your code?

  • Keymaster
    (BuddyDev Team)
    Posts: 24645
    Brajesh Singh on March 8, 2021 at 6:51 pm #36721

    Hi,
    Thank you for the reply.

    In community Builder 2.x, the only way to reorder nav is to either use BuddyPress Reorder Profile Tabs plugin or BuddyPress User Profile Tabs Creator Pro.

    Regards
    Brajesh

You must be logged in to reply to this topic.

This topic is: resolved