Hi,

Try to add this code in Quick CSS:

@media only screen and (max-width:1300px) {
  #main main.content {
    min-height: 439px;
  }
}

Hope this helps. :)

Best regards,
Nikko

Hey jb84,

Kindly add this code to Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
    .responsive #top .logo {
        padding-right: 40px;
    }
}

Hope this helps :)

Best regards,
Nikko

Hi,

The link you’ve posted requires a password to view. Can you post the password in the Private Section?

Best regards,
Nikko

Hi,

I have replaced the code based on the thread to this:

#top .av_font_icon,
#top .avia-image-container,
.avia_transform .avia_start_animation.left-to-right.avia_image, .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon, .avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image { 
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important; 
opacity: 1 !important;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important; }

Kindly check if there are still animations that you want to be removed and post a link to the Private Content when you reply.

Best regards,
Nikko

Hi!

This should be fixed, kindly check on your end. If it’s not working try to clear the cache in wp rocket. I have added this code in your Quick CSS:

@-moz-document url-prefix() { 
  .portfolio-preview-content strong, 
  .portfolio-preview-content b{
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
  }
}

Please let us know if you still experience any issues related to this topic :)

Cheers!
Nikko

Hey cipriana,

Glad we could help :)

Regards,
Nikko

Hi Trender,

It’s a great solution, you only need to remove the extra styling when using the
< pre >

code. I have added this code in your Quick CSS (located in Enfold > General Styling):

.avia-table pre {
    background: transparent;
    border: 0;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

I hope this resolves the problem. Please let us know if there are any related issues :)

Best regards,
Nikko

• This reply was modified 8 years, 2 months ago by Nikko. Reason: formatting

Hi Justing,

Using gifs on Enfold’s Gallery will surely work great. You can try to test it with Gallery or Masonry Gallery. :)

Best regards,
Nikko

Hi,

The login details you’ve given doesn’t seem to work.

Best regards,
Nikko

Hi,

I have this code in Quick CSS:

@media only screen and (min-width:768px) {
  #top .logo {
    width: 150px;
  }

  #top .av_header_transparency .logo {
    height: 200px;
    width: 340px;
  }

  #top #header_main > .container, 
  #top #header_main > .container .main_menu ul:first-child > li > a, 
  #top #header_main #menu-item-shop .cart_dropdown_link {
    height: 91px !important;
    line-height: 100px !important;
  }

  #top .av_header_transparency #header_main > .container, 
  #top .av_header_transparency #header_main > .container .main_menu ul:first-child > li > a, 
  #top .av_header_transparency #header_main #menu-item-shop .cart_dropdown_link {
    height: 120px !important;
    line-height: 180px !important;
  }
}

@media only screen and (max-width:767px) {
  .responsive #top .logo {
    margin-left: 0;
  }

  .responsive #top .logo img {
    max-height: 80px !important;
  }
}

and have commented this code out:

.logo > a > img {
    max-width: 150px;
}

.logo, .logo a, .logo a img {
width: 340px;
height: 200px;
}

With those codes added the Desktop, Tablet and Mobile versions should look good, you can play on the values as you see fit. Please let us know if there’s any issues with it and we would be glad to answer. :)

Best regards,
Nikko

Hi,

Kindly add this code to Quick CSS (located in Enfold > General Styling):

#top .avia-tooltip, #top .avia-tooltip .avia-arrow {
    background: rgba(0,0,255,0.5);
}

Just play around with the background color. If you need any help regarding it, just let us know :)

Best regards,
Nikko

Hi Oghi!

Glad we could help :)

Cheers!
Nikko

Hi Thomas,

This is fixed. I have added this code in your Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:1024px) {
    #top .phone-info,
    #top .phone-info span {
        height: 30px;
        line-height: 30px
        padding: 0;
    }
}

Hope this fixed it on your end also :)

Best regards,
Nikko

Hey jb84,

Enfold doesn’t have that feature/functionality you might want to try Contact Form 7 (I’m pretty much sure it has this functionality) or use other third party plugins.

Best regards,
Nikko

Hi,

@dfarin: Thanks for helping out and sharing the fix on your end :)

Best regards,
Nikko