Hey fcp!

Thanks for getting back in touch.

Could you please provide a link to your website and temporary login access. You can send the details using the Private Content section in your reply.

Regards,
Jordan

Hi koballo!

Thanks for getting in touch.

If possible could you provide a username and password for the admin section in the Private Content section, so we can have a closer look at the issue and see what could be causing it.

Cheers!
Jordan

Hi!

You can add the following CSS in the Quick CSS field to stop the calculator icon from being cut off and to remove the animation on the pop up icons.

/*Adjusts the height so that the calculator icon is not cut off*/
.av-icon-on-hover .avia_button_icon {
    height: 1.2em !important;
}

/*Removes the animation from the pop up icons in the widget*/
.avia_transform .avia_start_delayed_animation.av_font_icon {
    animation: none !important;
}

Regards,
Jordan

Hi fcp!

Thanks for reaching out to us on the support forum.

You’re on the right track with your CSS code. Try placing the body tag before the page id because HTML tags always precede classes and ids; or you can also just remove body. So you can have either: body.page-id-2519 { /*insert style here*/} or .page-id-2519 {/*insert style here*/}

Let me know if this helps :)

Best regards,
Jordan

Hi Will!

Thanks for reaching out to us with this question.

Yes it is possible to add Google Analytics tracking to the individual social icons. This will take some time and a bit of coding. Here is an article that can assist in implementing this: Track Social Media Events in Google Analytics

Please use a Child theme when making such extensive changes to the site or these changes will be lost when the theme updates.

Let me know if you require further assistance.

Regards,
Jordan

Hi Dylan!

Thanks for reaching out to us and sorry for the delayed reply.

You add the following CSS in the Quick CSS section to correct the image displaying on mobile devices:

@media screen and (device-width: 500px) and (device-height: 840px) {
.av-parallax.avia-full-stretch.active-parallax {
    top: 0px;
 }
}

Let me know if you require further assistance.

Cheers!
Jordan

Hey!

Glad it worked :)

Let us know if there is anything else you require.

Regards,
Jordan

Hey hunter74!

Thanks for reaching out to us here on the support forum.

If you would like to put back the sidebar on the 404.php page, then here is the original code you need in the 404.php:

<?php
global $avia_config;
	/*
	 * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
	 */
	 get_header();
	 echo avia_title(array('title' => __('Error 404 - page not found', 'avia_framework')));
	 
	 do_action( 'ava_after_main_title' );
	?>

		<div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'>
			
			<?php 
				do_action('avia_404_extra'); // allows user to hook into 404 page fr extra functionallity. eg: send mail that page is missing, output additional information
			?>
			
			<div class='container'>

				<main class='template-page content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content'));?>>

                    <div class="entry entry-content-wrapper clearfix" id='search-fail'>
                    <?php
                    get_template_part('includes/error404');
                    ?>
                    </div>

				<!--end content-->
				</main>

				<?php
				//get the sidebar
				$avia_config['currently_viewing'] = 'page';
				get_sidebar();
				?>

			</div><!--end container-->

		</div><!-- close default .container_wrap element -->

<?php get_footer(); ?>

Hope that helps and please let me know if there is anything else you need.

Cheers!
Jordan

Hi Jakob40004000!

Thanks for reaching out to us. I’ll gladly assist you with the WooCommerce filters.

To remove the default sorting from the product filter, you can follow these instruction from WooCommerce: Removing Default Sorting

Hope you find this information useful.

Cheers!
Jordan

Hi suzannewm94!

Thanks for reaching out to us with that question and I’m glad you love the theme.

You can try adding the following CSS code to have the main content full up the space rather than being squashed to the left:

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
.container .av-content-small.units {
    width: 100%;
 }
}

You can also add the following if you want to make the sidebar more centered:

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
#top #main .sidebar {
    width: 100% !important;
    text-align: -webkit-center;
    text-align: center;
 }
body#top .main_color .widgettitle {
    text-align: center;
 }
}

Let me know if there is anything else I can assist you with :)

Regards,
Jordan

Hey tzaroban!

Thanks for reaching out with your question.

The style.css stylesheet is only in the theme folder for WordPress to recognize basic theme data like the name and version of the theme. Therefore CSS rules in this file are not be used by the theme which is why the CSS code you put in the style.css file for the child theme does not work. Instead the custom.css file that is located in your themes /css/ folder is used to add your styles. You can create a similar directory in your child theme such as /css/custom.css to add your CSS code and then call that file in the child theme’s function.php file using:

require_once( get_stylesheet_directory() . '/css/custom.css' );

Let me know if this helps or if you have any further questions.

Cheers!
Jordan