Not showing on ipad

Hi,
Thanks for your answer!

1. So do you have any ideas to fix the problem?
The padding is there so the columns will have a nice layout on desktop, but it doesn´t work on tablet portrait. As said before, the visibility option for mobiles doesn´t work when I set the “empty” column on hidden.

2. I´m using WPML.

Regards Johan

Hello,

1. And don´t know is I understand what you mean with adding space on the right side….?
Is there a way to have 2 pieces of 1/4 columns in the center of the page (on desktop) without using a empty 1/4 first?
I think that would be the easiest solution. =)
Or the best thing is of course if the visibility option worked.

2. Ok, I can email them and see what they say about it.

Regards Johan

Hi,

yes, the codes are exactly the same on each language-page.

Regards Johan

Done that, but no effect. Even flushed caches on cloudflare.

Any ideas on problem nr. 1, Ismael? =)

Best regards Johan

No problems Ismael, I´m only grateful for your help.
Added screenshots in private (and there is one more furter above that I added in the beginning of this thread). There are two images on english site and a few more on the german. =)

Any ideas on how to fix the other problem, regarding the small spacing on the left of the second last image (named: Tältcamping) on the swedish site? I want a empty column to disappear on mobile/ tablet portrait but it still stays a small gap.
I mentioned it furter above as:
“1. I´ve added the code in quick css:
@media only screen and (max-width: 990px) {
.only_desktop { display: none !important; }}
and added only_desktop in i 1/4 column. The column seems to disappear but there is still a small “gap” showing. (see attached image)” .

Thanks Ismael!

It worked like a charm!
To only thing left is that the element with “Tent camping” (on all three languages) has a padding on the top that I can´t find out why it is there.
There is no code in style.css either, I think, that refers to any avia-builder-el.

Please see attached images.

Regards Johan

Do you mean like this:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div, .responsive .av_one_fourth {
clear: none;
margin-left: 2%;
width: 48%;
}
.responsive .av_one_half.first + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first+.av_one_fourth+.av_one_half.flex_column_div {
margin-top: 0;
}
}

If it is this you mean, I´ve tried it and it doesn´t work. =)

Regards Johan

Hmm, tried to look on several ipads but no luck.

Login are provided in private.

Thanks!

Regards Johan

Sorry, here they are!

Regards Johan

Thanks Victoria, it worked!

Had the problem on the german site as well but I found the element number on that, so its working now.

Thanks!

Regards Johan

We can close it!

Thanks!

Regards Johan