So I have run into a problem when trying to center every subheading of my posts. So, above every subheading I have added a horizontal line element (hr) and I want my subheadings to center based on this horizontal line and not my whole page, so text-align: center won’t work. The problem I have come across when trying to center post subheadings is the width changing baed on the device. So if I try to center it manually on the desktop version by adding spaces, it isn’t center on the mobile version. So what I would like to know is if you can help me with this. If not, you can inform me about:
1. How the hr element scales based on device’s width? Is there a way to predict the width of the horizontal line based on @media-width?
2. How every subheading type (h1,h2,h3…) scales based on device’s width?
That’s great you found the solution yourself. If you get any issue later, feel free to ask again! Also, if you like our theme, we would really appreciate if you could provide us a review here: https://wordpress.org/support/theme/fitclub/reviews/?filter=5