X-Theme Using Expanded Demos "App" with Renew stack

Support
#1

Is there a way to have the header Bar that contains my logo and menu items as a bar above the Slider images. Right now the header bar is cutting off part of the picture… I get that the theme is made to have the logo and menu items display on top of the slider picture… Just wondering or should I change theme to accommodate what I’m trying to achieve?


Thanks

#2

Hello Tim,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS and let us know the outcome:

.masthead {
    position: relative !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

thank you… that worked.

#4

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

#5

have a follow up. changed the mobile button back ground and hover colors. on mobile site via iphone,
the menu text colors and hover are changed but the main menu box color did not change. shows changed on computers mobile view?

#6

Hi There,

Could you please try adding this custom CSS instead?

.x-navbar .x-nav-wrap .x-nav > li > a:hover {
    border-color: rgb(94,100,112) !important;
}

Hope it helps :slight_smile:

#7

Its working now. just took a bit to show up

#8

It’s good to know that it is working now.
If you need anything else we can help you with, don’t hesitate to open another thread.

#9

How do we implement the “Demos Stacks” or the optional designs so that we can see our options?

#10

Hi,

Kindly refer to our guide below

Thanks

#11

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