Docs

[m]

Hey,

I’m using Icon 10 stack.
currently the blog layout looks like how its shown in attached file (1.png)
I want to achieve the the layout as shown in second attached file (2.png)

I can follow any instructions quickly – so kindly suggest the solution.

[m]

please refer to 1.jpg as the 1.png was bigger in size.

[m]

hah! the uploaded file gets renamed! sort of makes me look like an idiot.

[Rupok]

Hi there,

I am note entirely sure about what you are trying to achieve. Would you provide your URL and show the current setup?

Thanks!

[m]

This reply has been marked as private.

[Christopher]

Hi there,

Icon has fixed sidebar, if you want to use normal sidebar, please change your stack.

Thanks.

[m]

@Christopher: Not the answer that I was expecting. Anyway, I know other ways to achieve this – anyway, thanks for no help.

[Lely]

Hi There,

Yes, icons by default has fixed sidebar. But since the page is not the default blog index page, you can use Cornerstone columns to achieve that which is what you did when I checked the page again. If you have further questions, please open a new thread. Thank you.

[m]

@Lely: Yeah, I did that but that’s not the ideal solution as the single posts still look like icon’s layout. Apparently, I had to go with @Christopher ‘s idea of using integrity. I’ve managed most of the CSS required to make it look like how it was before I switched to integrity stack.

anyway – i just have one request now – it’s just that I want the menu items to look like how they look in icon can you share the solution for that.

Thanks

[Friech]

Hi There,

Do you mean the rounded border around the active and hovered menu items? Please add this on your custom CSS.

.x-navbar .desktop .x-nav>.x-active>a>span,
.x-navbar .desktop .x-nav>.current-menu-item>a>span,
.x-navbar .desktop .x-nav>li>a:hover>span {
	border-color: rgba(0,0,0,0.075);
}
.x-navbar .desktop .x-nav > li > a > span {
	border: 1px solid transparent;
    padding: 0.875em 1.25em;
    border-radius: 100em;
}

And please remove the squared borders you applied on the menu items.

Hope it helps, Cheers!

[m]

@Friech: Thanks! It worked!

@Christopher – sorry for being a jerk at that time – I realize my mistake.
neither my instructions were very clear nor I showed any patience.
I hope you accept my apology.

[Nico]

No Worries, Feel free to ask us again.

Have a great day! 🙂

[Author]

Posts