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

  • Author
  • #27996
     Mj
    Participant

    Hi,

    Could you guide me how to accomplish this: http://prntscr.com/4kve1h

    #28000
     sharmstr
    Moderator

    You’ll have to split the menu into two divs. One floating left, the other floating right. http://codex.buddypress.org/themes/members-navigation-menus/

    Good luck.

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

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #28002
     sharmstr
    Moderator

    The easier solution would be to move the avatar up. Then the nav menu would align with the bottom and there’d be no reason to split the menu into two pieces.

    Wait, I just thought of something that might work. All of the tabs have a float:left assigned to them. Maybe changing demo history, settings and photos to float:right will work. Maybe.

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

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #28003
     Mj
    Participant

    Would you like to test this out on my website, as I am not at this skill level to create. 🙁

    #28006
     sharmstr
    Moderator

    float right works but is unreliable depending on screen size. See attached.

    You’ll have better luck asking your question in the Buddypress forum since you’ll probably have to divide the menu into to containers to do what you want to do.

    Again, moving the avatar up is the easiest solution to get the menu under the image.

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

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    Attachments:
    You must be logged in to view attached files.
    #28010
     Mj
    Participant

    Thanks!

    Could you give me the exact code to move this avatar up? 🙂

    #28011
     Mj
    Participant
    COPY CODE
    
    #buddypress #item-header-avatar {
    box-shadow: 0 0 0 0 !important;
    margin-top: -150px !important;
    width: 120px !important;
    }

    Does not work..

    #28014
     sharmstr
    Moderator

    Instead of margin-top, use top. You’ll also have to move the other divs up.

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

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #28015
     Mj
    Participant

    Should I use ‘top’ for every div to move up?

    #28016
     sharmstr
    Moderator

    I dont know. Play with it. You’ll probably have to set the position to retaliative as well.

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

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

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

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?