Responsive header

[Shoutoutstudio]

Hi, Having trouble with the responsive text spacing on a few pages of our new site. Wondering if you can help me out.

http://ocba.wpengine.com
Would like a little spacing added above the heading and below the buttons in the header

http://ocba.wpengine.com/ohio-breweries
http://ocba.wpengine.com/memberships
http://ocba.wpengine.com/contact
Spacing of header needs centered/spaced out.

I attempted to add padding in the child theme, but my code wouldn’t overwrite.

Thanks!

[Kyle – SUPPORT]

Hi

You set the height of the fancy heading in the page meta options

– Kyle

[Shoutoutstudio]

Things still aren’t centered on mobile though. Looks great on desktop, but not mobile.

[Kyle – SUPPORT]

Can you screenshot the issue?

– Kyle

[Shoutoutstudio]

Sure thing.

Image one is the homepage on mobile. Would like padding above the header, and below the buttons.

Image 2 is the header on a handful of our other pages. The text should be centered in the header like it is on the desktop.

Thanks!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this to your custom css:

@media only screen and (max-width: 479px) { 
.fancy-heading .heading-text[data-textalign="center"] {
  margin-top: -40px!important;
}
}

Value may need adjusting

For the image on the home page, is there a reason you’re using a multilayer parallax asset instead of just a row?

– Kyle

[Shoutoutstudio]

I am not sure. I didn’t build it, is there a different way we should do it?

[Kyle – SUPPORT]

Yes just use a normal Row to add your background

– Kyle