Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
You could add a custom class to the column that you want it to would on and then add the custom class to the css, like this:

#top .customClass.flex_column:hover {
	animation: grow 2s;
	animation-fill-mode: forwards;
}
@keyframes grow {
  to {
      transform: scale(1.2);
      border: 1px solid yellow;
  }
}

Just change customClass to what you choose to use.

Best regards,
Mike

Hi,
There is no padding involved, it makes the elements equal height. You might see an overlay if you are emulating a mobile device on the desktop my resizing the window, the script should re-calculate in 300ms if you are doing this but it won’t be an issue for real devices because they don’t change like this, if the auto re-calculate doesn’t work for you as you change the window size then reload the page.
This is what I see on my Android device:

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that the plugin developers could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

No problem – it will also take me some time to investigate.
I’m tagged to this topic.

Best regards,
Günter

Hey Monika,

Thank you for the inquiry.

You can create a custom shortcode for the social icons and then place this shortcode in a text widget. Please refer to this thread for more info.: https://kriesi.at/support/topic/social-media-icons-in-footer-8/#post-1397164

Best regards,
Ismael

Hi,

We replied to this issue in the other thread. Please continue the discussion here. https://kriesi.at/support/topic/custom-shop-page-sort-by/#post-1437448

Best regards,
Ismael

Hi,

Is it possible to apply a 1px yellow border to the hover effect?

Yes, that should be possible. Please replace the modification with the following code:

#top .flex_column:hover {
	animation: grow 2s;
	animation-fill-mode: forwards;
}
@keyframes grow {
  to {
      transform: scale(1.2);
      border: 1px solid yellow;
  }
}

Best regards,
Ismael

Hi,
Thank you for your patience, in your video it looks like the special heading text is bold, so I believe that you have used “strong” tags in the special heading and perhaps didn’t close it correctly, so when you save the page all of the elements after it are lost, this is a common error, but I can’t check because we don’t have a login to your site. Please include an admin login in the Private Content area so we can be of more assistance.
As for your burger menu it looks like you have added 4 phone links to your header somehow, none show on the frontend, the one that does show in the top bar is a fifth, so these seem to be causing the issue, try removing these:

If this doesn’t help we can take a look to see what else could be the issue.

Best regards,
Mike

Hi,
Thank you for your patience, I checked again in Windows in Chrome, Firefox, & Edge and in Mac in Safari, Chrome, Firefox and in all cases all of your images show:
Safari on Mac

Chrome on Mac

Firefox on Mac

Firefox on Windows

I didn’t feel a need to post more images. This is very strange that you can’t see these, your images are still coming from https://i0.wp.com I believe this is the JetPack image server, and you still have a CDN “onesingnal”, did you try disabling all of your plugins to get your images to be served from your domain and wordpress install?
Are you using a mobile connection or a limited wifi? Often “data saver” will not show huge images. Have you updated your Mac, old Safari versions had problems with parallax and I have been told that some iPads have their Safari version locked and can’t update.
Have you tried a Windows desktop or a different Mac, try going to your public library or try a VPN and use a IP address from another country.

Best regards,
Mike

Hey leilitacc,
Typically something like this would work:

#top .flex_column:hover {
	animation: grow 2s;
	animation-fill-mode: forwards;
}
@keyframes grow {
  to {
      transform: scale(1.2)
  }
}

but you probably will need to adjust the class for your column, if you need help please link to your page so we can examine.

Best regards,
Mike

Hi,
When you add a media query you will also want to wrap the above rule, so for example for desktop & mobile try this:

@media only screen and (min-width: 768px) { 
.main_color .pricing-table li.avia-heading-row {
    height: 290px;
    min-height: 290px;
}
}
@media only screen and (max-width: 767px) { 
.main_color .pricing-table li.avia-heading-row {
    height: 150px;
    min-height: 150px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike