[slothsandwichParticipant]

I have spent hours looking trhough options and have not found a way to adjust the margin on Revolution Slider so that it is aligned vertically with the top navigation. There is always this weird margin or forced gap between top nav and start of page body. ANY HELP IS APPRECIATED. See pic for example.

[RahulModerator]

Hey 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.

[slothsandwichParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please remove the CSS and instead add following code :

.home .x-container.max.width.offset {
    margin-top: 0;
}

Hope it helps.

[slothsandwichParticipant]

It fixed the top index page slider margin but now I have a gap on my normal website under navigation. Can I fix both? Thank you for the help!

[slothsandwichParticipant]

Is it possible to add pictures so that they are full width and not contained? The images included in example are 1920×1200 and look how small they are.

Why do text boxes have a built in inner margin on top? Text is never centered vertically when using text as header info. Can I modify margin?

Finally, how do I change the background color and text size of secondary menu (dropdown after clicking main nav)?

[LelyModerator]

Hi There,

The white part under the navigation is revslider. That is Revslider 5 element on your homepage. Try removing it.

The images is contained within is column container. If you want it fullwidth try editing Content band settings and see Disable row option. Check that option.

By default, headlines has margins. To reset or change margins, we can add mtn or mtm or mts on the headlines class field. Check this link for other helper classes and it’s definition:https://community.theme.co/kb/css-class-index/

To change submenu background color and font size, add this custom CSS on Appearance > Customize > Custom > Edit Global CSS:

.desktop .sub-menu {
    background-color: red;
}
.desktop .sub-menu a {
    font-size: 30px;
}

Change red and 30px accordingly.

If you want to remove the gap on top of the page, try adding this custom CSS too:

.page .entry-wrap {
  padding-top: 0;
}

By default content container has 60px padding on all sides. Settings top padding to zero means the content will reach the top container.
Then add this too:

.page .x-container.offset {
    margin-top: 0;
}

That top margin is 40px by default. That is the space between the content container(the white box ) from the breadcrumbs.

Hope this helps.

[ChristopherModerator]

Hi there,

Please update previous code to :

 .x-container.max.width.offset {
    margin-top: 0;
}
ul.sub-menu {
    background-color: #000000 !important;
}
.x-navbar .desktop .sub-menu a {
    color: #fff;
    font-size: 15px;
}

Please disable Column containers option and in case yo want to remove space between two images, enable Marginless columns option.

Why do text boxes have a built in inner margin on top?

Its container padding, you can add following code as well:

.entry-wrap {
    padding: 20px 60px;
}

To remove the space from top of headlines, add mtn in headline’s class field.

Text is never centered vertically when using text as header info. Can I modify margin?

Please provide us with screen shot.

Hope it helps.

[Author]

Posts