Docs

[TarnMitchell]

Hi there,

I’ve been looking for a couple of hours but can’t find anything.

How do I change the point at which the sidebar on the Icon 03 demo clips to the bottom of the webpage?

Thanks,

Tarn

[Rue Nel]

Hello There,

Thanks for writing in! By default the sidebar of the icon is fixed on the right or left of the site. This is how it is uniquely designed. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

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.

Thank you.

[TarnMitchell]

Sorry but i’m running my site on local host!

I don’t think I explained the issue very well though.

The sidebar moves to the bottom of the page when a certain screen width is reached, is this screen width changeable?

Thanks for your time,

Tarn

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (min-width: 1200px){
.x-content-sidebar-active .x-sidebar {
    right: 0;
    border-left: 1px solid #dfdfdf;
    border-left: 1px solid rgba(0,0,0,0.075);
}
.x-sidebar {
    width: 450px;
}
.x-sidebar {
    position: fixed;
    top: 0;
    width: 250px;
    height: 100%;
    margin: 0;
    border-top: 0;
    z-index: 1031;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

Please change 1200px to you desire width.

Thanks.

[Author]

Posts