Docs

[ShaunCoward]

Hi there, great, great theme! No more Canvas for me!

Working on the following site.

http://wp.futurenergy.co.uk/

The client has provided a design, which I’ve attached. You’ll see that they asked for the vertical nav bar to be pushed out slightly from the left hand side, and for the content to run full width behind it. They also want the menu bar to run all the way to the foot of the page. Is there a way to make all this happen? I’ve tried some CSS but no luck.

Many thanks,

Shaun
Shaun

[Joao]

Hi Shaun,

I can we can tweak a bit your website in order to achieve something really similar.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks,

Joao

[ShaunCoward]

This reply has been marked as private.

[Lely]

Hello Shaun,

Thank you for the credentials.
Please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.x-navbar-fixed-left {
    left: 30px; /*Vertical navbar space on the left. Adjust accordingly. */
}
body.x-navbar-fixed-left-active {
    padding-left: 0px; /*To make content fullwidth behind*/
}

You may want to adjust your site max-width for large screen and this will overlapped your content. You have to adjust you sections padding to consider the left navbar position.

[ShaunCoward]

That’s great, thank you!

[Paul R]

You’re welcome! 🙂

[Author]

Posts