Hey!

The wordpress codex added a new function checking if you’re on a mobile device. Please refer to this link: https://codex.wordpress.org/Function_Reference/wp_is_mobile

Unfortunately, the code won’t work if you’re wrapping the layer slider shortcode because the theme is adding containers to wrap the actual layer slider. If you inspect the code, you’ll see that the layer slider is not entirely hidden. If you really want this, we suggest that you use media query. Maybe add visibility: hidden if you’re worried about the html markup. Adding visibility: hidden is as good as nothing, you don’t have to worry about the other layer slider that is supposed to be hidden slowing the website.

Regards,
Ismael

Hey fourdesigndk!

Thank you for using the support forum!

Regretfully, the video background option has been disabled for all mobile devices. We’re really sorry about this but there are a lot of variables to account in order for the video background to work properly on mobile devices. We have disabled it for now and added the option to insert a fallback image. Thank you for your understanding.

Cheers!
Ismael

Hi Geoffdoyle!

Thank you for using the theme!

I checked the website and it looks fine. If you don’t mind, please post a screenshot of what you’re trying to do.

Regards,
Ismael

Hi!

Thank you for the link. The website loads fine on my end, considering that I have a very slow internet connection, thanks to my ISP which is giving me headaches every now and then.

There are few things that you can do to optimize the website speed and page load. You can do the following:

1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg
2. Once all images are on the website optimize with ewww optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
4. Use BWP minify plugin to minify scripts and stylesheets.
5. Install WP-Super cache, select all recommended settings, use memcache option, update .htaccess rules, increase cache to 840000, Save then delete cache.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Don’t forget to smile.

I hope that helps. :)

Regards,
Ismael

Hey!

Thank you for the links.

When creating the gallery or using the gallery element did you select an option on “Gallery Preview Image Size”? This should use the thumbnail size that you set and more or less give you more alignment on the gallery thumbnails. The problem is you’re mixing tall and wide images. I hope the gallery preview image size fix the issue.

Cheers!
Ismael

Hey!

This topic is noted and we’re still not sure why the parallax effect is not working for touch devices. Thank you for explaining the issue.

Cheers!
Ismael

Hi collette!

Thank you for using the support forum!

I can’t seem to access the website. If you don’t mind, please post a screenshot of the issue. Another thing is, this looks like a server side issue. I would try checking with your hosting provider on this particular issue as it sounds like something related to your setup is causing this. Typically, this is due server configuration problems (i.e. underpowered, traceroute issues, packet loss, permissions errors, et cetera).

If the problem you are experiencing persists after working with your host, don’t hesitate to let us know and we will be happy to assist you.

Regards,
Ismael

Hey!

Thank you for using the theme!

They should be clickable but you added this css code that disable the pointer events for all the links with the rel attribute on the website:

a[rel] {
pointer-events: none;
}

Remove that code and posts title links should work again.

Cheers!
Ismael

Hi!

As always, thank you for using the support forum!

Regarding the original problem, maybe you can remove the original font icon files on wp-content/uploads/avia_fonts folder then upload the icon font zip again. See what happens.

Best regards,
Ismael

Hey!

Thank you for using the support forum!

It sounds like you’re having trouble with a third party plugin. Unfortunately, we cannot provide support for third party plugins or scripts as stated on our support policy simply because we cannot account for all of the potential variables at play when using another developer’s plugin or script. As such any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not default theme function and is not stated on the theme’s description will need to be directed to the original developer or author.

Thank you for your understanding.

Cheers!
Ismael

Hey!

Thank you for the link and the screenshot.

You can use this on Quick CSS or custom.css to move the graphic on mobile device:

@media all and (max-width: 767px) {
#contact > div > div > div > div > div.flex_column.av_one_half.first.avia-builder-el-14.el_before_av_one_half.avia-builder-el-first > span > a > img {
position: absolute;
bottom: -600px;
}
}

Adjust the bottom value if necessary.

Best regards,
Ismael

Hey Jason!

Thank you for the screenshot.

Please use this:

#top .sidebar_left .widget ul {
text-align: left;
}

#top .sidebar_left .widget_nav_menu ul ul li:before {
left: 0;
}

I hope that’s what you want. Let us know.

Cheers!
Ismael

Hey!

Thank you for the info.

Please add this on Quick CSS or custom.css to move the cart downwards:

.cart_dropdown.visible_cart {
right: -2px;
top: 120px;
}

Cheers!
Ismael

Hey!

Sorry if you’re having difficulty with the images.

This plugin will help you resize the images manually: http://wordpress.org/plugins/simple-image-sizes/

If you want to resize the image thumbnails, you can edit functions.php then find these codes:

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>710, 'height'=>575 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>710, 'height'=>270);		                 // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 );						// images for fullsize pages and fullsize slider

These are the list of thumbnail sizes that are use within the theme. You can resize them according to your needs. Regenerate the thumbnails after using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Ismael

Hey p_niedrich!

Thank you for using the theme!

Please use this on Quick CSS or custom.css:

.logo, .logo a {
width: 240px\9;
height: 120px\9;
max-width: 240px\9;
max-height: 120px\9;
}

Best regards,
Ismael