Tagged: floating logo on grid element
Not sure if you can help me with this or not.
I have a client that I am building a website for on Enfold and they want the homepage to have full screen – that fills the screen with 4 squares (photos) (2 columns/2rows) with no border + plus, float their round logo (png) in the exact center of the 4 – the intersection.
Does that make sense? I know how to fill the screen width/height with four elements, but can’t figure out the float/placement to be exact.
Ideas? Maybe outside of the theme’s ability?
I do love this theme for sure!
Take care,
Chris
Just another note, I guess it doesn’t have to be a grid row, could be a color section with 2 col x 2 row with no space with images in the background of the column? just need the logo to float exact center to be in the intersection of the four boxes.
Does that help?
Thanks in advance for any help.
Chris
Hi,
Thank you for the inquiry.
Have you tried using the Layer Slider element? You can also add an Image element and manually position it as fixed using custom css.
— https://www.w3schools.com/css/css_positioning.asp
Best regards,
Ismael
Thank you! You have a great product. I used LayerSlider. Most sites, I turn that off and remove plugins and slides.
It was useful in this case on this website.
Chris