Avada Forums Community Forum Privacy Bar not responsive on iPhone

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • eckhardsallermann
    Participant
    Post count: 2

    hi all,

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

    iPhone

    marklchaves
    Participant
    Post count: 873

    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
    Participant
    Post count: 2

    hi Mark,

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

    marklchaves
    Participant
    Post count: 873

    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/

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.