Docs

[fredriklyhagen]

Thanks!

[Thai]

You’re most welcome.

[Ma]

Hi! This is an amazing idea and I wish X came with it. I followed instructions to the t but still no use.

I tested out this two different ways, both through Cornerstone

#1 on page “…” I put the code in Cornerstone…Settings…Custom Css, for this page only. And I put the image url in background url. There is still a white space in navigation menu AND under menu. ;___;

#2 on page “…” I put the code in the same place as above but for this page only. And I used a slider, per instructions, and actually I prefer this more than just one photo. Yet the slider remains under the navigation menu, instead of the menu being on top of the slider….

All my pages are set as inline fixed, for navbar, yet there this continues to be white space in my navigation menu/header. I am using Icon stack.

I would really appreciate some feedback on what I’m doing wrong.

[Paul R]

Hi,

To fix #2 please add this in cornerstone > settings . custom css

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0;
}

body .x-navbar {
    background-color: transparent;
    border:0;
}

Hope that helps.

[Ma]

Worked like a charm thank you! 🙂

[Zeshan]

You’re welcome.

[Ma]

Hi there,

I just noticed if you use this tutorial on a page rather than home, it doesn’t work. He reccomended to use “.post-id” as the classifier, like “.post-14” but it doesn’t work. Wouldn’t the correct class be “.page-id-14”??

And even if I enter this code reccomended from the first post, it doesn’t seem to make a difference (if the code is there or not, the effect is the same…):

.page-id-2811 .x-navbar-fixed-top-active .masthead {
    position: absolute;
    top: 0;
    width: 100%;
}

.page-id-2811 .x-navbar-fixed-top-active .x-navbar {
    background-color: transparent;
	border-bottom:none;
}

.x-logobar {
	background-color:transparent;
}

.page-id-2811.x-navbar-fixed-top-active .x-navbar.x-navbar-fixed-top {
	background-color:#ffffff;
	border-bottom:1px solid #ccc;
}

The only code that worked was the one Staff just recommended:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0;
}

body .x-navbar {
    background-color: transparent;
    border:0;
}

Is this because of Cornerstone?

[Rue Nel]

Hi There,

It should like this:

.page-id-2811.x-navbar-fixed-top-active .masthead {
    position: absolute;
    top: 0;
    width: 100%;
}

.page-id-2811.x-navbar-fixed-top-active .x-navbar {
    background-color: transparent;
	border-bottom:none;
}

Since the class page-id-2811 and x-navbar-fixed-top-active is applied on the same element which is the body, you have to attach them together.

Let us know if this has been helpful to you.

[Ma]

That worked! Thank you ! 🙂

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Ma]

Oh! Sorry! Can I ask your help for one teeny issue? I’m trying to move the text in a button to the left, but keep the width of the button the same, because I have a little image next to it, but this is in my slider so I’m doing it with css. What can I add to this to make it happen?

.rev_slider_wrapper .x-btn-jumbo {
  	font-size: 24px !important;
    font-weight: bold;
    padding: 16px 10px !important;
  	width: 263px !important;
}

[Rue Nel]

Hello There,

We kindly ask that you open your additional questions at this time in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

[Ma]

No problem.

[Rue Nel]

Thanks. We’ll be happy to respond in your new thread.

[marihonaa]

Thanks for this!

I think I may have missed something.

How do I get elements (text and such) on TOP of the bg image? (like you have the signup box)

I don’t want to add it to the image itself and if I add it on revolution slider it changes position relative to browser size.

Thanks again 🙂

[Author]

Posts