Re: Icon News - Arrange Primary Menu Left side

Support
#1

Hey there!

I’m using the Icon News. How do I get the primary menu to all align to the left instead of in the middle?

Please advise.

Thanks,
David

#2

In addition: How do I go about changing the background colour of primary menu and the sidebar?

Please advise.

Thanks,
David

#3

Hi David,

Thank you for reaching out to us:

This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it. To left align the primary menu items, add the following code in the Theme Options > CSS:

.x-navbar-fixed-left .desktop .x-nav>li>a {
    text-align: left;
}

Since you’re using Icon stack so to change the background color of the Navbar and Sidebar, custom CSS would be needed to override the default stack’s styling:

.x-navbar {
    background-color: #14aec6;
}
.x-sidebar {
    background-color: #14aec6;
}

Please note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Hope this helps!

#4

Hey @nabeel!

The codes provided worked :ok_hand:

Thank you ever so much.

#5

You’re welcome!
We’re glad @Nabeel were able to help you out.

#6

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