[ehandelsfabriken]

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.

[ehandelsfabriken]

iPad vertical: https://dl.dropboxusercontent.com/u/22182623/Foto%202015-01-20%2011%2039%2055.png

iPad horizontal: https://dl.dropboxusercontent.com/u/22182623/Foto%202015-01-20%2011%2039%2050.png

[ehandelsfabriken]

Oh so I cant make my own slides like I can do with the Swift Slider included with your Joyn theme? That was what I wanted and asked for in my request. Because in the Joyn theme the Swift Slider has its own menu and I can make my own slides with any images or text.

[ehandelsfabriken]

The code for the category issue that you gave me works fine for laptop display but look at the page http://dev.designlina.se/produkter/armband/ on an ipad or equal and you will see that your code didnt fixed the issue for mobile device display. It does not look good at all on an ipad. Maybe Ed could help us out?

[ehandelsfabriken]

It’s not solved as I cant find the Swift Slider user interface in the WordPress admin menu.

[ehandelsfabriken]

A few seconds after posting this I noticed this http://neighborhood.swiftideas.net/features/#sliders.

Looks like the Swift Slider is included in the theme. However I cant see where in my Neighborhood theme. I am using the 2.05 version of the theme.

[ehandelsfabriken]

Just noticed that it still doesnt look good on an ipad. Goes for any of the product category pages like http://dev.designlina.se/produkter/armband/. I am not sure if the issue with displaying the category title has to do with it but my product images looks smaller than the ones in your demo at http://joyn.swiftideas.com/shop/?sidebar=left-sidebar. Note that its the same images from the demo content. Both pages use a left sidebar so the images should be the equal in size but my images looks smaller. Why?

Please note that any suggestions to custom css must work with another issue. Refer to the link below.

Hero headline not centered

[ehandelsfabriken]

A combination of

.page-heading h1, .page-heading h3 {
  text-align: center;
}

.tax-product_cat .page-heading .container {
  top: 25px;
}

did the trick.

[ehandelsfabriken]

This reply has been marked as private.

[ehandelsfabriken]

This reply has been marked as private.

[ehandelsfabriken]

I have found the problem now. In another issue, http://www.swiftideas.com/forums/topic/page-title-moved-vertically-in-product-category-pages/, I was told to add the custom css:

.page-heading .heading-text, .fancy-heading .heading-text {
  float: left;
  margin-top: -4px;
}

This creates the problem described in this thread. However, it did fix the other problem related to above, see http://www.swiftideas.com/forums/topic/page-title-moved-vertically-in-product-category-pages/.

So I guess I need a solution which fixes both issues. About the “page-title-moved-vertically-in-product-category-pages”-problem. Is that a bug? I’m guessing it shouldn’t display like that. You have the issue in your demo as well at http://joyn.swiftideas.com/product-category/creepers/ or any other WooCommerce product category page.

[ehandelsfabriken]

It looks like it displays correct (headline centered) on an ipad or iphone but not when looking at the page on a computer.

[ehandelsfabriken]

Ok. That’s better. Thank you.

[ehandelsfabriken]

This reply has been marked as private.

[ehandelsfabriken]

Nope, didn’t work.