Canvas Support

Boxed sticky menu

1 reply · opened Mar 23, 2019

LLinuxCoderMar 23, 2019

Hello,

I am using the boxed layout and would also like to have a boxed sticky menu. Any tips on how I could achieve that?

Thanks in advance!

Have a nice day.

SSemicolon WebSTAFFMar 26, 2019

Hello,

The Sticky Header is Full Width by default. However, you can add the following CSS code to make it Boxed Width: 

body.device-xl:not(.stretched) #header.sticky-header #header-wrap {
    width: 1220px;
    left: 50%;
    margin-left: -610px;
}

body.device-lg:not(.stretched) #header.sticky-header #header-wrap {
    width: 1000px;
    left: 50%;
    margin-left: -500px;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard