BlueOwlCreative » Topic: Display pbs with iPhone device

Display pbs with iPhone device

Elyes95200 — Fri, 10 Jun 2016 08:12:09 +0000

Hello,
Please check my website on iPhone:
Main Text is strange and logo is not centred !

Reply To: Display pbs with iPhone device

Elyes95200 — Fri, 10 Jun 2016 08:12:22 +0000

This reply has been marked as private.

Reply To: Display pbs with iPhone device

Elyes95200 — Fri, 10 Jun 2016 08:13:39 +0000

This reply has been marked as private.

Reply To: Display pbs with iPhone device

BlueOwl — Fri, 10 Jun 2016 08:18:46 +0000

Hi there,

Sure, the logo is always displayed on the left on mobile and the menu on the right… You can customize this with CSS if you want.
As for the text – indeed, you have added some padding to the column – that’s what causes the text to be squashed like this in mobile. We have devised a specific class to add to such columns: “no_padding_in_responsive_column”!
Find it here:

http://blueowlcreative.com/docs/fortuna/#customization4

Reply To: Display pbs with iPhone device

Elyes95200 — Fri, 10 Jun 2016 08:27:31 +0000

This reply has been marked as private.

Reply To: Display pbs with iPhone device

BlueOwl — Fri, 10 Jun 2016 11:31:28 +0000

It’s a Column class, not row!

We have devised a specific class to add to such columns: “no_padding_in_responsive_column”!

Reply To: Display pbs with iPhone device

Elyes95200 — Fri, 10 Jun 2016 11:33:40 +0000

This reply has been marked as private.

Reply To: Display pbs with iPhone device

BlueOwl — Mon, 13 Jun 2016 07:49:23 +0000

You simply need to apply the class to the column, not the row.

As for the logo… try this:

@media only screen and (max-width: 480px){
#logo {
  width: 100%;
}
}