Privacy Bar not responsive on iPhone

[eckhardsallermann]

#646843

hi all,

the privacy Bar not responsive on iPhone, what can i do?

[marklchaves]

#646902

Hi,

There are a couple ways to solve this. Here’s one. For the code in this section only (from your screen capture) I would

1. Replace all your px units for your font-size and line-height CSS attributes with em units. E.g. font-size: 1em; line-height: 1.25em;
2. I would also remove all your margins and padding, i.e., set them all to 0 (no units).

Px units are not responsive.

Here’s the result when I did the above two things.

https://imgur.com/a/UvfkYnS

Next time, please supply a link to your site in your first inquiry. It makes it easier for people to help you. Luckily your domain was in your screen capture. And, read up on EM and REM CSS units.

Goo luck!

[eckhardsallermann]

#646971

hi Mark,

sorry, i can not follow you, what exactly do you mean? Where to make this setting without own css?

[marklchaves]

#646987

Hello,

I actually don’t use Avada’s Privacy Bar element. But, I took the time to find the documentation for you (maybe you can try this yourself next time?).

https://theme-fusion.com/documentation/avada/privacy/avada-privacy-bar/

Where ever you see padding, I would set to either 0px or something small 0.5em or 1%. Please avoid PX units as I said in my first reply.

Where ever you see font size, I would use something like 1em or smaller.

If these settings don’t work at first, please remember to go through your cache purging ritual. If that doesn’t work, then you will need to apply custom CSS.

https://theme-fusion.com/documentation/avada/how-to/how-to-apply-custom-css/

[Author]

Posts