[plumstudioParticipant]

Hi there,
The more time I spend with this theme, the more I love it!
I have an issue with the left side navigation.

1) I would like the menu to be closer to the left of the page so it’s more inline with left side of the logo.

2) Decrease padding between menu items, I have tweaked the setting in header – side link alignment spacing and it doesn’t do anything. The reason I need to do this is to fit the entire navigation menu on smaller browsers. Laptops cut off after “EVENTS”. I didn’t see that there was any other solution in the forums since a scrolling menu removes the submenu. I just need the entire menu to show up on smaller screens somehow!

url: http://www.store.plumdigitaldesign.com

Thanks, Heidi

[DarshanaModerator]

Hi there,

#1. To change the menu spacing, please add the following CSS rule into your Customizer, Custom > CSS area and adjust the value according to your preference.

.x-navbar .desktop .x-nav > li > a {
    line-height: 0.25;
}

#2. Did you remove the Events menu? I could not see it by the time when checking. Could you please provide more information about that issue (perhaps a screenshot), so that we can assist you.

Thanks!

[plumstudioParticipant]

This reply has been marked as private.

[plumstudioParticipant]

Also, is it possible to move the menu to the left a bit more so it lines up with the left side of the logo, and retail location can sit on one line?

Thanks H

[plumstudioParticipant]

Sorry, one more thought, I would like the space in between the menu items to be narrower, less padding, not the individual menu item, that is why they were smooshed together.

Thanks again, H

[ChristopherModerator]

Hi there,

Please find this code :

@media (min-width: 1200px) {
.x-sidebar {
position: absolute;
background-color: transparent;
height: auto;
}

And update it to :

@media (min-width: 1200px) {
.x-sidebar {
position: absolute;
background-color: transparent;
height: auto;
}
}

Add this as well :

.x-navbar .x-nav-wrap .x-nav > li > a {
    padding-left: 2px;
}
.x-navbar .desktop .x-nav>li>a>span {
    padding: 0.375em 1.25em;
}

Hope it helps.

[plumstudioParticipant]

Hello there,
unfortunately, I don’t see any change at all.
Any ideas?

[plumstudioParticipant]

SOLVED!
Never mind, it works! When I cut and pasted from my email, the symbols didn’t translate.

MUCH GRATITUDE!!!
Heidi

[JadeModerator]

Glad to hear it’s sorted Heidi. You’re most welcome. 🙂

[plumstudioParticipant]

Hi again, I just asked this i the main forum, but realized I should maybe ask it on this thread, since it’s probably related:

My site looks great on all of the browsers except for Internet Explorer. The menu is completely run together, Help!

store.plumdigitaldesign.com
Thanks!
Heidi

[LelyModerator]

Hi Heidi,

We’ve answered this issue on this thread:https://community.theme.co/forums/topic/internet-explorer-menu-issue/#post-800980

Always,
X

[Author]

Posts