sidemenu customisation

This topic has 10 replies, 3 voices, and was last updated 10 years by Abe.

Author

Tagged: sidemenu
December 2, 2014 at 01:46 #37248

tmmtechsupport
Participant

Hi,

This is a truly fantastic theme, but I have a question. How do I make the sidebar 400px instead of 240px when open, with a white background instead of black?

Also, on the profile page, how do i remove the ‘show less’words/feature?

Thirdly, how do I centre the icons (eg activity, media, settings, articles) on the profile page instead of them being aligned to the left?

I would be bery thankful if you could help me with these issues.

Thank you so much
December 2, 2014 at 03:40 #37266

sharmstr
Moderator
1 – Add this css to your child theme
COPY CODE
```
.offcanvas-type-default .offcanvas-sidebar {
background: #ffffff;
}

.offcanvas-sidebar {
width: 400px;
}
```
2 – Please search. Its been answered several times.

3 – That’s a bit of a pain in the rear because of the way the +- works. Maybe the Kleo team has an easy solution for you.

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
December 2, 2014 at 13:16 #37301

tmmtechsupport
Participant

This reply has been set as private.

December 2, 2014 at 13:17 #37305

tmmtechsupport
Participant

The second screenshot shows that when i click activity on my profile, nothing appears – can you help with this? it seems like links are there, just that they arent visible

December 2, 2014 at 16:34 #37320

sharmstr
Moderator

respond privately with a link and credentials to your site

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

December 2, 2014 at 16:35 #37321

tmmtechsupport
Participant

This reply has been set as private.
December 2, 2014 at 17:14 #37326

sharmstr
Moderator
– to fully close
COPY CODE
```
.offcanvas-right.offcanvas-type-default .offcanvas-sidebar, .offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar {
-webkit-transform: translate(400px,0);
transform: translate(400px,0);
}
```
– background color
COPY CODE
```
.offcanvas-sidebar.is-open {
background-color: #fff;
}
```
– add a menu happens because you’re using the side menu without a menu. Try this to hide it
COPY CODE
```
ul.offcanvas-menu {
display: none;
}
```
– your activity issue probably has something to do with your minutes to read plugin throwing errors.

– show less
COPY CODE
```
span.bp-toggle-less {
display: none;
}
```
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
December 2, 2014 at 17:37 #37335

tmmtechsupport
Participant

Hi there,

Thank you for your quick message, I have added the CSS and all the problems except one are now sorted.

the side menu is still the default size and not 400px, also when you click to close the menu, you see the previous grey version of the side menu background.

Is there the option to have a grey ‘border’ line to divide the open menu and the rest of the white website? eg when the menu is open, you cant tell where the menu is vs the actual website content?

Thank you
December 2, 2014 at 17:56 #37339

sharmstr
Moderator
Why did you remove this?
COPY CODE
```
.offcanvas-sidebar {
width: 400px;
}
```
dark background on close. add this
COPY CODE
```
.offcanvas-type-overlay .offcanvas-sidebar {
background: none;
}
```
left border
COPY CODE
```
.offcanvas-sidebar.is-open {
border-left: 1px solid #eee;
}
```
I strongly suggest you hire someone to help you with all of this.

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
December 14, 2014 at 22:22 #39087

tmmtechsupport
Participant

Thank you so much for your help!

I’m still looking for a fix to the
“Thirdly, how do I centre the icons (eg activity, media, settings, articles) on the profile page instead of them being aligned to the left?”

Any update as to when the Kleo team can help with this?

Thank you so much!
December 16, 2014 at 01:24 #39223

Abe
Keymaster
I don’t know if it will cause any problems to the navigation since it wasn’t thought like that but add this CSS.
```
#buddypress div#item-nav .responsive-tabs {
text-align: center;
display: inline-block;
} Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
```
---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.
Author

Posts