Docs

[Fermentcru]

Hello Theme X team

I am trying to create a transparent menu with my Revolution Slider hero image and Ess.Grid home screen.

The example site I am following is:https://tigerspike.com/

My site in development is here: http://obviouschoice.yorkoda.com/

The issues are as follows:

Non transparent menu

Red line under Revolution Slider

Spacing above and below ESS. Grid

Can you please help me?

[Rad]

Hi there,

Thanks for posting in.

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.home .masthead {
height: 0px;
}
.home .x-navbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent !important;
    box-shadow: none;
}
.home .x-navbar .desktop .x-nav > li > a {
    color: #fff;
}
.home .x-navbar .desktop .x-nav > li > a:hover, .home .x-navbar .desktop .x-nav > .x-active > a, .home .x-navbar .desktop .x-nav > .current-menu-item > a {
    color: rgba( 255, 255, 255, 0.5);
}
.x-slider-container.below {
    border-bottom: 0px;
}

About the essential grid, please add it as cornerstone element instead of shortcode within text element. That should remove the spaces.

Thanks!

[Author]

Posts