Icon Stack - disable Independently Scrolling Sidebar

Support
#1

I would like to disable the nonscrolling sidebar in the icon stack
is it possible

#2

Hi There,

Unfortunely that would not be possible with Icon without custom development.

All the other 3 stacks offer what you are looking for.

Hope it helps

#3

ok, i changed to integrity stack - but i liked the look of icon stack better , especially for the sidebars. . in con stack it looked seamless and modern , now it looks boxed
in the sidebar is it possible for the menu items to not have outlines

#4

Hello There,

We’ll go back to your first question:

I would like to disable the nonscrolling sidebar in the icon stack

Do you want to remove the sidebar and only display a fullwidth page? If that is the case, then you can simply go to X > Launch > Options > Layout & Design and set your content layout as “Fullwidth”.

If you wish to have the sidebar and do not have it fixed then that is not possible with Icon stack since this stack has a very unique sidebar design as explained by @Joao.

Hope this helps.

#5

ok, i got this
can i mimic the look of icon stack sidebar in the integrity stack
like no outlines, same font , uppercase etc
how to do it

#6

Hello There,

Thanks for updating in! Yes you can mimic the integrity sidebar like the icon but you have to understand that the will not be of the same structure.

1.) To have the same font with Icon stack, you must go to X > Launch > Options > Typography and set the Body and Content to “Lato”.

2.) Please also set the font for the Headings. Make sure it is set to display in Uppercase.

3.) And lastly, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.widget ul, .widget ol {
    box-shadow: none;
    border: none;
    list-style: none;
}

.widget ul li, .widget ol li {
    border-bottom: 1px solid #dfdfdf;
    border-bottom: 1px solid rgba(0,0,0,0.075);
    padding: 0.65em 21px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: none;
}

.widget ul li:first-child, .widget ol li:first-child {
    border-top: 1px solid #dfdfdf;
    border-top: 1px solid rgba(0,0,0,0.075);
}

.widget ul li:last-child, .widget ol li:last-child {
    border-bottom: 1px solid #dfdfdf;
    border-bottom: 1px solid rgba(0,0,0,0.075);
}

.h-widget {
    margin: 0 0 0.65em;
    font-size: 170%;
    line-height: 1.1;
    text-transform: uppercase;
}

.widget.widget_recent_comments li {
    padding: 0.65em 21px;
}

.widget_recent_comments li>a:last-child {
    font-size: inherit;
    display: inline-block
}

Hope this helps. Please let us know how it goes.

#7

Hi
Thanks ; that did it

#8

Great news - you’re welcome :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.