Docs

[appletreeweb]

Hi

I have set up a site with x-theme using integrity. The page is set to have a left hand side menu. At the moment all the sub menu items are hidden until I hover over the main heading and then they overlay the content with a block of sub menus. I would like to change this so that the sub menu items are always showing under their parent heading but with a slight indent and then maybe change colour when they are hovered over. attached is how it displays at the moment.

Any help you can give on this would be greatly appreciated.

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. 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.

[appletreeweb]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.masthead-inline .x-navbar.x-navbar-fixed-left .desktop .sub-menu {
    position: static;
    display: block;
    box-shadow: none;
    width: 100%;
    padding: 0;
    padding-left: 15px;
    margin-bottom: 15px;
}
.x-navbar-fixed-left .desktop .x-nav>li, .x-navbar-fixed-right .desktop .x-nav>li {
    display: block;
    clear: both;
    height: auto;
}
.masthead-inline .x-navbar.x-navbar-fixed-left .desktop .sub-menu li a:hover {
    color: hsl(29,99%,50%);
    background-color: transparent;
}

Hope it helps 🙂

[appletreeweb]

Perfect! Thank you so much 🙂

[Thai]

If you need anything else please let us know.

[Author]

Posts