Hey!

Yeah.. It sure is. Please try this:

@media only screen and (max-width: 1200px) {
#smallgap .av-parallax {
  display: none !important;
}}

Please check the css modifications, make sure that there are no missing brackets in the css media queries. Don’t forget to remove browser and plugin cache.

Regards,
Ismael

Hi!

I think it’s because of the retina display. Please try to add this css code:

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
.av-parallax.avia-full-stretch.enabled-parallax.active-parallax {
background: none !important;
}}

If it doesn’t work, replace the media query with this:

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
  /* Retina-specific stuff here */

}

Regards,
Ismael

Hey!

Can you please open a new thread for the issue regarding the events-countdown-widget? The thread is getting a bit too long. I was able to find why the var_dump function isn’t working. My bad. But I still don’t know why the countdown is set to zero. It shows the correct upcoming event on the temp page but the countdown is not working. We will close this thread for now.

Regards,
Ismael

Hey!

Unfortunately, that is the default behavior of the masonry item when set to perfect automated masonry. You can create another masonry item under the default masonry then set the same settings but this time set the Size Settings to Flexible Masonry. Use css media queries to switch the display of the masonry items on different screen sizes. Please post the login details here so that we can check it.

Regards,
Ismael

Hi!

You have this code in the Quick CSS field:

#top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
  color: #ffffff;
  background-color: #CC6600;
  border-color: #cc6600;
  font-size: 12px;
  line-height: 1em;
}

Remove the line-height property.

 line-height: 1em;

Best regards,
Ismael

Hi!

Edit the image elements then add a custom css class attribute to it. Do this for all images using the same portrait.

For future reference we kindly ask you to refrain from bumping the thread. Since we answer questions from oldest to newest, bumping makes it appear new and it will probably take us longer to respond on your inquiry. Replies in the forum can take up to 24 hours during the week, but oftentimes we are able to get to questions much quicker than that. We request that our users wait patiently while we work our way through the forum as we can assure you that all questions will be addressed as soon as possible.

Thank you for your understanding. For further modifications, please contact codeable: http://kriesi.at/contact/customization

Regards,
Ismael

Hi!

My bad. You have to modify the defaults-template.php file. Remove everything then replace it with this code: http://pastebin.com/rhtUtra6

Regards,
Ismael

Hey!

Try to add this to the Quick CSS field to remove the default main menu on mobile devices with screen size lower than 768px:

@media only screen and (max-width: 768px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
  display: none;
}
}

Cheers!
Ismael

Hey James!

Thank you for using Enfold.

I checked the site and the scroll down arrows are disabled even on desktop view. Please create a test page so that we can check it.

If you noticed the background not fixed on mobile devices, unfortunately, that is the default behavior of the color section background on mobile devices. The background fixed property is not supported by all browser specially mobile browsers. The parallax effect is disabled because the css translate property that is responsible for the parallax effect is still also partially supported on mobile browsers. These are the known issues on mobile devices regarding these properties:

1.) iOS has an issue preventing background-position: fixed from being used with background-size: cover.
2.) Chrome has an issue that occurs when using the will-change property on a selector which also has background-attachment: fixed defined. It causes the image to get cut off and gain whitespace around it.

Cheers!
Ismael

Hi dwebprojects!

Thank you for using Enfold.

We need to see the actual website to see what’s going on with it. Make sure that you have the latest version which 3.2.2. Try to edit the video element then adjust the Video Format. A link to the actual video will help as well.

Cheers!
Ismael

Hey!

Thank you for the info. You can add the background as a another layer under the boxes. If you can provide a screenshot of the slider layout, it will help. Use imgur or dropbox.

Cheers!
Ismael

Hey!

Give us a link to the actual post. This is how you can get the correct post or page id: http://kb.oboxthemes.com/articles/how-to-get-css-styles-for-elements/

Cheers!
Ismael

Hi!

You can decrease the size of the button to prevent it from covering the slider navigation:

@media only screen and (max-width: 989px) {
#top .avia-slideshow-button {
  top: -10px;
  font-size: 11px;
  padding: 5px 10px;
}}

Cheers!
Ismael

Hi!

That is a product page or item. Create a page then add the product specific shortcodes.

Regards,
Ismael

Hi!

Is this sorted out? I checked the site on Chrome and it’s loading without errors.

Regards,
Ismael