Docs

[JW & Co.]

Hello,

Is it possible to make the orange column on the right of homeandhealthy.joshuaweatherstone.com/our-story/ overlap the section below?

I only need 60px of padding above “Solving the Aging Problem.”

Thanks always,
Josh

[Darshana]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.page-id-51 #x-section-2 .x-column.x-sm.cs-ta-left.x-1-3 {
    position: absolute;
    right: 0;
}

Hope that helps.

[JW & Co.]

Darshana,

Your code only works on a small screen size.

Please advise,
Josh

[Friech]

Hi Josh,

You can add a class mbn to the ROW of your second section.

Hope it helps, Cheers!

[JW & Co.]

Good morning,

I applied that code, but then removed it as it not the effect I am trying to achieve. Please read the conversation above. Darshana provided code that achieves the effect, but only on small screens. I would like to apply it on larger screen sizes as well.

Thanks always,
Josh

[JW & Co.]

P.S. It is working on horizontal viewing from iPad, but not portrait view. I just want the effect to be responsive for every device!

[Nabeel A]

Hi again,

Try adding the following code in your Customizer:

.page-id-51 #x-section-2 .x-container.max.width {
    margin: 0 auto !important;
}

Let us know how this goes!

[JW & Co.]

Hello,

Thanks for the effort but it’s still not working. 🙁

Josh

[Friech]

Hi Josh,

First, please address the missing brackets errors on your custom CSS, you can check your entire custom CSS here: http://csslint.net/

After you resolve that, add this custom CSS

@media (min-width:  768px) {
	.ourmission-column {margin-bottom: -150px;}
}

Feel free to adjust the -150px value where you see it fits.

Then apply the class ourmission-column to that orange column.

Hope it helps, Cheers!

[JW & Co.]

Code doesn’t seem to be functioning. Did I fix all the CSS errors in my customizer? Please literally type out any changes to the code so I can make sure I have them all right.

Josh

[Rue Nel]

Hello Josh,

Thanks for the updates! There is still an error in your css.

Please correct it. Thank you.

[Author]

Posts