Hello,
I have a layer slider showing on top of my page on my startpage.
I set it to hide on tablet (portrait and total view) and it works, but only for the content. You cannot see the image, but the empty space is showing on tablet – no matter what view. Is there a way to get rid of it? I set it this way on different pages already, and it always works fine. But here the empty area is showing and I need to get rid of that!
Thanks so much.
Nora
Hey NoraGTS,
The Layer Slider does not show up on the iPad for me, nor does the empty space.
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Weird, I do see a white spot. But in PORTRAIT VIEW, would you know how to solve the problem that the black & white image is shown so small? Shouldn’t it move up and the text that’s currently shown to the left is shown below?
THANKS Nora
Hi Nora,
Best regards,
Victoria
No actually I would like it to show on top and the text on bottom. But just on smartphones and tablet portrait view. So I would have to play around with the options I get right?
Hi NoraGTS,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 990px) {
#top #after_layer_slider_1 .flex_column_table {
display: block;
table-layout: initial;
}
#top #after_layer_slider_1 .flex_column_table_cell {
float: none;
display: block;
width: 100%;
margin-bottom: 20px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
That’s GREAT! What code would I need to add to get the same for the entire page on portrait view? So that the text and the images are shown one after the other and not next to each other?
Hi NoraGTS,
Best regards,
Victoria