Hi,

Please refer to this post for a solution https://kriesi.at/support/topic/color-section-at-least-60/#post-591950

Please make sure to use a child theme to make those changes.

Best regards,
Vinay

Hey rlogan2334!

I am not sure how it can speed up development, but maybe those topics can actually help you.
You would need some JS to make it happen

http://stackoverflow.com/questions/4550425/how-to-hide-anchor-link-with-jquery
http://stackoverflow.com/questions/9165479/how-to-hide-an-anchor-tag-by-href-id-using-css

Let us know if we can do anything else related to our theme

Regards,
Basilis

Hey steffen_aufatz,

Thanks for getting in touch with us!

Where in the code right appears, you need to change the word to left. So the above code should look like the following instead:

@media only screen and (min-width: 768px) {
.container_wrap.sidebar_left{
background:-webkit-gradient(linear,right top,left top,color-stop(red,0.295),color-stop(white,0));
background:-webkit-linear-gradient(left, red 29.5%, white 0%);
background: -moz-linear-gradient(left, red 29.5%, white 0%);
background: -o-linear-gradient(left, red 29.5%, white 0%);
background: linear-gradient(left, red 29.5%, white 0%);
}
}

Just copy and paste the above code and see if it helps.

Best regards,
Jordan

Hi,

You can include a custom.js in your child theme and place the following:

(function($){

    $(document).ready(function()
    {	
        avia_header_size();		

    });

    function av_change_class($element, change_method, class_name)
    {	
    	if($element[0].classList)
    	{
    		if(change_method == "add") 
    		{
    			$element[0].classList.add(class_name);
    		}
    		else
    		{
    			$element[0].classList.remove(class_name);
    		}
    	}
    	else
    	{
    		if(change_method == "add") 
    		{
    			$element.addClass(class_name);
    		}
    		else
    		{
    			$element.removeClass(class_name);
    		}
    	}
    }

	function avia_header_size()
	    {
	        var win				= $(window),
	            header          = $('.html_header_top.html_header_sticky #header'),
	            unsticktop		= $('.av_header_unstick_top');

	        if(!header.length && !unsticktop.length) return;

	        var logo            = $('#header_main .container .logo img, #header_main .container .logo a'),
	            elements        = $('#header_main .container:not(#header_main_alternate>.container), #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a, #header_main_alternate a), #header_main #menu-item-shop .cart_dropdown_link'),
	            el_height       = $(elements).filter(':first').height(),
	            isMobile        = $.avia_utilities.isMobile,
	            scroll_top		= $('#scroll-top-link'),
	            transparent 	= header.is('.av_header_transparency'),
	            shrinking		= header.is('.av_header_shrinking'),
	            topbar_height	= header.find('#header_meta').outerHeight(),
	            set_height      = function()
	            {	
	                var st = win.scrollTop(), newH = 0, st_real = st;

					if(unsticktop) st -= topbar_height; 
					if(st < 0) st = 0;

					if(shrinking)
	                {
		                if(st < el_height/2)
		                {
		                    newH = el_height - st;
		                    if(st <= 0){
								newH = el_height;
						    }

		                    av_change_class(header, 'remove', 'header-scrolled');
		                    //header.removeClass('header-scrolled');
		                }
		                else
		                {
		                    newH = el_height/2;
		                    //header.addClass('header-scrolled');
		                    av_change_class(header, 'add', 'header-scrolled');
		                }

		                if(st - 30 < el_height)
		                {
		                    av_change_class(header, 'remove', 'header-scrolled-full');
		                }
		                else
		                {
		                    av_change_class(header, 'add', 'header-scrolled-full');
		                }

		                elements.css({'height': newH + 'px', 'lineHeight': newH + 'px'});
	                	logo.css({'maxHeight': newH + 'px'});
	                }

	                if(unsticktop.length)
	            	{
	                	if( st <= 0)
	                	{
		                	if(st_real <= 0) st_real = 0;
	                		unsticktop.css({"margin-top":"-"+st_real+"px"});
						}
						else
						{
	                		unsticktop.css({"margin-top":"-"+topbar_height+"px"});
						}
	            	}

	                if(transparent)
	                {	
	                	if(st > 50)
	                	{	
	                		//header.removeClass('av_header_transparency');
	                		av_change_class(header, 'remove', 'av_header_transparency');
	                	}
	                	else
	                	{
	                		//header.addClass('av_header_transparency');
	                		av_change_class(header, 'add', 'av_header_transparency');
	                	}
	                }

	            }

	            if($('body').is('.avia_deactivate_menu_resize')) shrinking = false;

	            if(!transparent && !shrinking && !unsticktop.length) return;

				win.on( 'debouncedresize',  function(){ el_height = $(elements).attr('style',"").filter(':first').height(); set_height(); } );
	            win.on( 'scroll',  function(){ window.requestAnimationFrame( set_height )} );
	            set_height();
	    }

})(jQuery);

Best regards,
Josue

Hey Philippe,

Thanks for getting in touch with us!

In the above code you pasted, please remove the following line with the padding:

padding-top: 158px !important;

That should remove the space on mobile.

Best regards,
Jordan

Hi,

check out this page:
Pages
An example here:
https://kriesi.at/support/topic/changing-a-specific-page-with-quick-css/#post-223394

Hope this helps!

Best regards,
Andy

Hi,

you can use media queries to have a different result for different browser sizes:

@media only screen and (max-width: 736px) {
#top #main .sidebar {
    background: gold;
    min-height: 100%!important;
    position: absolute;
    right: 0;
    padding-right: 30px;
    width: 140px!important;
}}

Adjust it as needed.

Best regards,
Andy

Hi,

try to add an !important to the code:

.av_header_transparency .avia_mega_div {
    top: 70% !important;
} 

Best regards,
Andy