Docs

[noznewman]

Hi,

I’m looking for some advice.

I’m trying to replicate this site http://www.sitecore.net/

I’ve created a dev site here http://quantectest.co.uk.gridhosted.co.uk/ (currently at full width).

On my 27inch iMac the full length version just doesn’t look right, compared to Sitecore. (see attached).

Would you recommend boxed version? If so, what would your recommendation be on site max width and site width %? They are currently at the default 1170px and 88%.

Many thanks
Paul

[Christian]

Hey Paul,

Your sample site’s max width is 1460px. But regretfully, we couldn’t recommend a size for you as it totally depends on your site’s design requirements and whether you’ll used boxed or full-width. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks.

[noznewman]

This reply has been marked as private.

[Joao]

Hi There,

You can change the position of your menu by going to Appereance > Customizer > Header

Hope it helps

Joao

[noznewman]

This reply has been marked as private.

[Joao]

Hi Paul,

Please add the following code:

.site {
    width: 100% !important;
}

Hope it helps

Joao

[noznewman]

This reply has been marked as private.

[Rue Nel]

Hello There,

Sorry if it doesn’t work out. Please have this code instead:

body.x-navbar-fixed-right-active {
    background-color: #000;
    padding-right: 250px;
    margin: 0 50px;
}

body .x-navbar-fixed-right {
    right: 50px;
}

Feel free to increase the margin and the right position value. Please let us know how it goes.

[noznewman]

Hi Rue Nel,

Thanks for the code, how would I bring the right navigation so it sits alongside the content – essentially reduce the black gap so it replicates http://www.sitecore.net/ ??

As you can see there is still a black space between content and nav? http://quantectest.co.uk.gridhosted.co.uk/

Sorry to be a pain.
Paul

[Nabeel A]

Hi again,

To reduce the gap between the content and the Navbar, just add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar {
    width: 300px !important;
}

Let us know how this goes!

[noznewman]

This reply has been marked as private.

[noznewman]

Hi Nabeel,

Don’t worry, I’m going to stick with a top nav :0)

Thanks for your help though.

[Christopher]

Hi there,

I’m sorry but which one of following URLs is the one you’re working on?

http://quantectest.co.uk.gridhosted.co.uk/
http://www.sitecore.net/

Please resize the attachment and upload it again.

Thanks.

[Author]

Posts