-
Author
-
September 8, 2014 at 17:45 #27996MjParticipant
Hi,
Could you guide me how to accomplish this: http://prntscr.com/4kve1h
September 8, 2014 at 17:54 #28000sharmstrModeratorYou’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 solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
September 8, 2014 at 17:58 #28002sharmstrModeratorThe 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 solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
September 8, 2014 at 18:02 #28003MjParticipantWould you like to test this out on my website, as I am not at this skill level to create. 🙁
September 8, 2014 at 18:09 #28006sharmstrModeratorfloat 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 solutionThis 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.September 8, 2014 at 18:11 #28010MjParticipantThanks!
Could you give me the exact code to move this avatar up? 🙂
September 8, 2014 at 18:12 #28011MjParticipantCOPY CODE#buddypress #item-header-avatar { box-shadow: 0 0 0 0 !important; margin-top: -150px !important; width: 120px !important; }
Does not work..
September 8, 2014 at 18:24 #28014sharmstrModeratorInstead 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 solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
September 8, 2014 at 18:29 #28016sharmstrModeratorI 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 solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
-
AuthorPosts
The forum ‘KLEO’ is closed to new topics and replies.