Space below rev slider

Support
#1

Hello-

I have altered the space below the nav bar using the following CSS:

.entry-wrap {
box-shadow: none;
background-color: #fff;
}
.x-container.offset {
margin-top: 90px;
}
.entry-wrap {
padding: 0px 50px;
}

This is great on pages without a rev slider on them, like here:
https://sundogcolors.love/meet-kay/

But on a page with a slider there is too much space like here:
https://sundogcolors.love/auras-and-soul-colors/

How might I remedy this? I will send login credentials for you.

#2

Hello Kim,

Thanks for writing in!

To resolve your issue, please do this:

1.) Please go to X > Theme Options > Headers > Navbar and set the “Navbar Top Height” to 135 because that is the actual height of your header and not 90.

2.) Please update your custom css and adjust the top margin:

.x-container.offset {
  margin-top: 45px;
}

We would love to know if this has worked for you. Thank you.

#3

Hello-

I don’t understand this…

  1. THis makes my navbar an undersirable height. It made it bigger and I want it at 90 not 135. Why did you suggest I do that?

  2. As I mentioned this makes pages without a rev slider not have enough space.

Unfortunately neither of these suggestions fix the issue. Please advise

#4

  1. The problem with .x container offset is that it gives one height on pages without a slider:
    https://sundogcolors.love/dog-soul-color-readings/

  2. Another height on pages with a slider:
    https://sundogcolors.love/auras-and-soul-colors/

  3. And then another height on blog pages:
    https://sundogcolors.love/category/in-between-the-colors/

I need less space on 2 and 3 and more space on 1.

#5

Hello Kim,

If that is your case, then please keep this custom css for the default pages:

.x-container.offset {
    margin-top: 95px;
}

And then also add this this code so that there will be only 45 pixel margin applied when there is a slider on the page

.x-slider-container.below+.x-container.offset {
    margin-top: 45px;
}

We would love to know if this has worked for you. Thank you.

#6

That is perfect, thank you!

One more thing, #3 above, how can I edit the spacing on the blog category page between the category title (landmark) and the first post?
https://sundogcolors.love/category/in-between-the-colors/

#7

Hi Kim,

Please try this;

.archive.category .x-header-landmark + .x-container {
    margin-top: 60px;
}

Hope this helps.

#8

perfection- thank you so much

#9

You’re most welcome Kim.

Cheers!

#10

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