smart phone & tablet / font size

[sukiya]

hi everybody,

I would like to change a font size (page heading) on my product page in my shop on the iphone (and tablet).
see the images attached.

I tried to change the css in this line:
.page-heading h1

but if I put instead of h1 – h2/h3/h4/h5/h6 the size never appears as the font sizes I put in the font size options of the theme.

does the font size options which I can adjust in the theme options belong to the font sizes of the iphone (and tablet) also?
or where may I change those font sizes?

thanks a lot for your support!

best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Have you turned responsive mode off on your site?

– Kyle

[sukiya]

hi Kyle,

yes I turned it of – because there are still some issues on tablet and smart phones.

now I turned it on again.

may you have a look at it?
the first problem is the font size of the product title (as I described it in the mail before).

an the second problem is the appearance on a tablet:
on an ipad the logo appears on the left side – but it should be centered.
(please take a look in the attached images).

thanks a lot for your help
best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Have you made changes to the theme? This doesn’t happen on our installations

– Kyle

[sukiya]

hi Kyle,

yes I made some changes with the support of swift ideas.

in general its working – but there still those issues.
I don’t know if you see some possibilities to solve them?

thanks for your help!

best wishes, Lisa

[Kyle – SUPPORT]

I’m not sure what changes you have made. If you upload a fresh copy of the latest version of the theme you should not get these issues

– Kyle

[sukiya]

Hi Kyle,

I made some changes in the Custom CSS with some good results.
I use the latest version of the theme.

but those issues still occure.

may you have a look at them?

thanks a lot!
best wishes,
Lisa

[Kyle – SUPPORT]

Can you confirm which issues still occur, as I am not getting the issues, apart from the logo being on the left on iPad, will check this with the developer

– You don’t have any product titles on the product page

– Kyle

[sukiya]

Hi Kyle,

all those issues still occure on iphones and tablets (iPad) – see the images attached.

thanks for your help!

best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Please can you provide me with a login so I can try and fix these issues for you

– Kyle

[sukiya]

This reply has been marked as private.

[Kyle – SUPPORT]

Ok

1) Sorted this, you added custom css which broke the layout. You did this to centre the logo, however this is not an option for the tablet/mobile layout. If you want to customise the theme to achieve this layout, you will be responsible for fixing layout issues that your customisations cause.

2) Add this to your custom css:

.woocommerce div.product .summary p.price, .woocommerce-page div.product .summary p.price {
  font-size: 18px;
}

3) You can adjust the size of the rev slider in the rev slider settings

4) Try this custom css:

.mh-tabletland #logo img {
  max-height: 100px;
  width: auto;
}

5) Add this:

.mh-tabletland nav#main-navigation .menu > li > a, .mh-tabletland .header-4 nav .menu > li > a {
  padding: 14px 0;
  font-size: 20px;
}

– Kyle

[sukiya]

This reply has been marked as private.

[sukiya]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Will have to forward it to Ed.
Let’s wait for the reply.

-Rui