-
Posts
-
https://www.valhallaenergies.com/oil-gas
On this mobile page I am trying to get the blue box above the image. But it does not respond when I set the Z value higer. What am I doing wrong?
Hey limedrop,
Thank you for the inquiry.
Try to adjust the z-index of the cell containing the blue box.
.responsive #top #wrap_all .flex_cell.av-3rcobvm-8d18db703327afb5e34a99a6bcf02d44 { z-index: 999; position: relative; overflow: visible; }
Best regards,
IsmaelThank u, however, is there a way I can do this on all blue boxes, or do I have to make a separate css for each box?
Hi,
Thank you for the update.
You can assign a Custom CSS Class name to the element and use it instead of the default unique identifier or selector (.av-3rcobvm-8d18db703327afb5e34a99a6bcf02d44). Please refer to the documentation below for more info.
— https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
IsmaelThat sounded good, however. It is not responding, so I am still doing something wrong.
I called the blue box (column) in Developer Setting – Custom CSS Class: bluebox
Then I replace the code in CCS under General Styling in Theme Options with:
.responsive #top #wrap_all .flex_cell.bluebox {
z-index: 999;
position: relative;
overflow: visible;
}But it still is not above.
See mobile view on this page:
https://www.valhallaenergies.com/wiig/what-we-do/swivelsHi,
Thank you for following up.
The class name bluebox was added to the column inside the cell. Please correct this by moving the bluebox class to the cell element.
Best regards,
Ismael
- You must be logged in to reply to this topic.