If i want to edit the buddypress page like…

[ahd904]

Dear SeventhQueen support,

I want to change the default buddypress page in your theme.

1st) i want to remove the top and main menus

2nd) i want only a caption name of my website logo placed in the middle

I want to change these because i want the users to have the most convenient interface and not too many things to click on when they access to their buddypress page with their mobile phones.

so if you look at the attached image, you will see what i am drawing on my mind.

Please tell me how can i fix to this.
(I already know how to remove the header in the buddypress page)

Also, it would be nice if you could also tell me where i can adjust the size navigation menus in buddypress page e.g. activity, groups, profile so it looks more like

Capture 11222.JPG & Screenshot pics of another sample mobile application screen

More clear clicks with big navigation buttons will be more appealing to the users in my perspective.

Please help me in achieving this.

Thank you very much.

Attachments:

You must be logged in to view attached files.

[Catalin]

Hello,

Add this code to your style.css from the child theme folder for hiding the elements from header and center the logo:

COPY CODE

body.bbp-user-page div.social-header,
body.bbp-user-page div.navbar-collapse,
body.bbp-user-page section.alternate-color
{
    display:none !important;
}

.navbar-header .logo
{
    margin-left: 386px;
}

div.header-scrolled .logo
{
    margin-left: 418px !important;
}

@media (max-width: 1440px)
{
    .logo
    {
        margin-left: 350px !important;
    }

}

@media (max-width: 1200px) {
    .logo

    {
        margin-left: 270px !important;
    }
}


@media (max-width: 991px) {

    .logo

    {
        margin-left: 190px !important;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .logo

    {
        margin-left:0 !important
    }
}

Navigation text size can be changed adding this code:

COPY CODE

#buddypress div#item-nav ul li a

{
   font-size:xxpx !important;
}

where xx is the new size you want to add

Let me know if this works.

Thank you,
Catalin

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

[ahd904]

Thank you Catalin.

I will use it once i decide not to use the main menus.

Also, i will use the text size adjusting code usefully.
Not really

[Author]

Posts