Button in Header - no margin

webmasterUPSTATE · Mar 15th 2023, 6:20pm

Hi there.

I cannot figure out how to give the button in the header a margin on the bottom so that it is not aligned with the bottom of the photo but is higher up. (see attached) Can you please tell me how to do that?

I am having the same problem on a different page but only on mobile. Is there a different place to fix it for mobile?

Thank you.

Matthias · Mar 15th 2023, 7:55pm

Hi,

if you set the caption to be vertical aligned to the bottom, than you can also set a spacing bottom - but you have to add the vakue with a unit such as "px" or "em".

webmasterUPSTATE · Mar 15th 2023, 7:56pm

thank you so much!

webmasterUPSTATE · Mar 15th 2023, 8:26pm

Matthias,
That fix worked for the desktop page, but not on the mobile site. Do you have any suggestions for that? (see attached).
Thank you.

Matthias · Mar 15th 2023, 9:42pm

Hi,

put in that CSS here into Theme Options > Advanced > Custom CSS:

Source Code

@media screen and (max-width: 480px) {
#ut-sitebody.ut-hero-image-animated #ut-hero .ut-hero-animation-element.ut-hero-animation-element-start {
margin-top: 40%;
}
}

webmasterUPSTATE · Mar 16th 2023, 4:19pm

There is no change on mobile.

Source Code

Share