Docs

[Chgrim]

Hi,

Right now my top menu hits the side bar and stops. This is probably a stupid question but how do I make the sidebar sit under the menu? I would love if the menu could go all the way across.

http://www.topdownreviews.com/meadow-review/

Thanks
Chris

[Jade]

Hi Chris,

I checked your site but the sidebar seems to be in place.

[Chgrim]

Sorry if I wasn’t clear. I want the menu bar to go from the left side of the screen all the way to the right side. Right now the top menu stops when it hits the sidebar. Is there a way to move the sidebar down?

Thanks
Chris

[Rupok]

Hi Chris,

Thanks for clarifying! You can add this under Custom > CSS in the Customizer.

.x-sidebar {
  border-top: 1px solid rgba(0, 0, 0, 0.075);
  top: 60px;
}

Hope this helps.

Cheers!

[Chgrim]

Hi,

When I tried to do that nothing changed.

Thanks
Chris

[Jade]

HI Chris,

Please try this code:

.x-content-sidebar-active .x-sidebar {
    top: 60px;
}

body.x-content-sidebar-active .x-navbar-fixed-top {
    right: 0;
}

Hope this helps.

[Chgrim]

That didn’t seem to do anything either. I should be adding this to the global css right?

[Joao]

Hi There,

Add to Appereance > Customizer > Custom > CSS

If that does not work, please provide a mockup of how you would like the menu to look like

Thanks,

Joao

[Chgrim]

The CurrentLook.jpg is how it looks now.

I would love to have WhatIwant.jpg

Thanks
Chris

[Rupok]

Hi Chris,

The suggestion above (#1234416) should work fine because I have tested this for your site. Also the suggestion shared by Jade (#1235348) looks fine as well and should do the job. So I guess you are not adding the code properly or your previous codes are not closed properly hence interrupting the code. Let’s provide your login credentials in a private reply if you can’t figure out the issue.

Thanks!

[Chgrim]

This reply has been marked as private.

[Rupok]

Hi Chris,

Your previous code is fine but I don’t see any of the suggested code on your site. So not sure what you are expecting without adding them. I have tried both and both works fine. I just kept my previously suggested code to make sure it works. Also added another line to make sure it looks fine when you are logged in :

.x-sidebar {
  border-top: 1px solid rgba(0, 0, 0, 0.075);
  top: 60px;
}
.admin-bar .x-sidebar {
  top: 91px !important;
}

Hope this helps.

[Chgrim]

Hi Rupok,

That seems to have done the trick! Sorry I don’t know what I was doing wrong before. I’m so sorry to be a bother, but I do have one last question. Is there anyway that the top menus can move over and use that space? Right now it is empty.

Thanks so much! Sorry I didn’t get the code in there correctly.
Chris

[Rahul]

Hey There,

Thanks for writing back!

Kindly add this CSS at Appereance > Customizer > Custom > CSS :

.x-navbar .desktop .x-nav > li > a > span {
  padding:1.3em 1.25em;
}

Hope this helps!

[Chgrim]

Hi

When I tried to use this code it just spread out the buttons or moved them lower on the page. It didn’t actually shift them over to the right at all.

Thanks!
Chris

[Author]

Posts