If i want to edit the buddypress page like... - SeventhQueen Archived Support

This topic has 2 replies, 2 voices, and was last updated 10 years by ahd904.

Author
July 17, 2014 at 10:32 #22809

ahd904
Participant

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.
July 24, 2014 at 16:40 #23459

Catalin
Moderator
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
July 24, 2014 at 17:05 #23469

ahd904
Participant

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

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

The topic ‘If i want to edit the buddypress page like…’ is closed to new replies.

If i want to edit the buddypress page like…

Attachments:

Search KB

Log in with your credentials

Forgot your details?