Site logo

Archived topic

Fix mobile formatting issue in element

7 replies · Started by William on September 30, 2020

Viewing posts 1–8 of 8

Hi there,
I have a category appear with some CSS to make to look a button. It looks fine here. However, on mobile here, it double stacks which ruins the look of the button.

Is there a way to fix this?

Kind regards,

Will

Hi there,

Decreasing the font size on the mobile is the only fix I can think of.

Hmm okay, probably will cause issues with Google text too small to read.

Is there a CSS that could work for buttons that will look good, regardless if its one line or two lines?

I think you can try making the <div id="post_title"> like a button.

Sorry, I don't follow what you mean by that?

Not sure if it's going to work but maybe something like this?

#post_title {
    display: inline-flex;
    background-color: #fff;
    border-radius: 23px;
}

If not then reducing the font size is probably the best solution. Or else you need to play with the CSS some more.

Yes inline-flex works a treat, thanks!

No problem :)

This archived topic is closed to new replies.