[Resolved] Help With Mobile Responsiveness

[Andre]

Hi again! I’ve been trying to get a certain section of text to center on Mobile but can’t.

I have a section with custom css class named Accesstitle.

At (@media (max-width: 768px) mobile view I cannot get it to center because at the moment it’s floating a little too much to the right. Margin, float, text-align etc don’t seem to do anything. I’ve reset my computer and everything.

Can someone help please? Thank you!

[David]

Hi there,

the issue is because of the padding you have on the block columns from this CSS:

.wp-block-columns {
    padding: 60px 0px 0px 22px;
}

There is 22px of padding on the left. Removing this style will allow the heading to be centered with just a text-align property.

[Andre]

Indeed David, thank you for replying! I marked the topic as resolved because I discovered the issue also myself but couldn’t find where to delete the threat itself. 🙂

[David]

Glad to hear you got it resolved.

[Author]

Posts