Unwanted opacity on mobile

  • Resolved Yannik Meirowski

    (@yannikmeirowski)


    5 years, 5 months ago

    Hey there,

    I’m having a problem with the plugin! I wanted to make a call to action element sticky on mobile (I’m using the Divi Builder by the way). So I created an element which is only visible on tablet and phone. I gave the element the css id “stickycta” and referenced it correctly with #stickycta in the plugin itself. Set the Z-index to 999999. I left the options for “Do not stick element when:” blank, because I want it to show on phone and it is disabled for desktop viewers anyways.

    So the thing itself works, it just has a faulty opacity. I checked the background color if I accidentally used an rgba color code, but it’s a hex-code, so no opacity available. I tried fixing this via the google devtools, but to no avail.

    Anyone knows what the problem is?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • I see you just gave it a red background, so the opacity is gone now.

    However, it’s still being overlapped by other elements. This is caused by Divi; your element is part of a container with classname .et_pb_column, which has Z-index 9, so other containers with the same classname will overlap it.

    See if you can change that in Divi, and give the container for that element (not the element itself, since it’s already at 99999) a higher Z-index.

    • This reply was modified 5 years, 5 months ago by Senff.
    Thread Starter Yannik Meirowski

    (@yannikmeirowski)

    Hey Mark,

    thank you so much for the reply! I assigned the column which is supposed to be sticky a higher z-index and it worked!

    Thanks a lot again!

    Best wishes,

    Yannik

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Unwanted opacity on mobile’ is closed to new replies.

Tags