This is what I have now:
.page-heading h1, .page-heading h3 {
text-align: center;
}
.page-heading .heading-text, .fancy-heading .heading-text {
float: left !important;
text-align: center !important;
}
The problem is the class “heading-text” which is supposed to be centered at the blog page and to the left at the product category page.
With the above code it looks good at http://dev.designlina.se/produkter/armband/ but not at http://dev.designlina.se/blogg/ since it’s not centered. Also, does the theme use different class id’s for the header when displayed on a mobile device?
The two heading-text should have different id’s so that they dont mess with each other.
I really feel we should ask Ed to take a look at this because it feels like we are all guessing and coming to no solution. This is really a css bug since it can clearly be seen at your demo http://joyn.swiftideas.com/product-category/creepers/. The headline isn’t centered vertically. And your custom css solutions is making other css classes behave weird. Like Hero headings for example.
.