Viewing 30 results - 83,401 through 83,430 (of 142,732 total)
  • Author
    Search Results
  • #755817

    Hi,
    Ok, well I was researching a little more and it’s not going to work the way I thought it was.
    But I did find another way, but it seems very involved, you can try this: https://kriesi.at/support/topic/breadcrumb-to-new-position/#post-417087
    But it’s from 2015 so I don’t know if it will work.
    This kind of customization as it is beyond the scope of support we can provide here. You can request customization here
    Sorry I wasn’t more help.
    Best regards,
    Mike

    #755816
    solidvapor
    Participant

    Go to http://netscore.solidvapor.net and hover over “ERP” in the top nav — you will see a mega menu of three rows with five columns.

    But note that beginning with the second row, the columns after the first are offset slightly to the right and that the offset become more pronounced in the third row.

    How can I get the columns of a multi-row, multi-column mega menu to line up — that is, to have a fixed left margin for each column…??

    – Dick

    #755810

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .title_container .breadcrumb {
        margin-top: -27px !important;
    }

    Best regards,
    Mike

    #755790

    Mike,

    Good and bad!

    That allows the breadcrumbs to display, but they are at the top of the header and overlay the menus.

    Can we position them at the header bottom?

    Thanks

    #755770

    Hey Enigma,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
      display: block !important;
    }}

    Best regards,
    Mike

    #755767
    #755759

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top .widget_nav_menu li {
        padding-left: 10px;
    }

    Best regards,
    Mike

    Hey ozoner,
    Try this code in the General Styling > Quick CSS field:

    #top .av_header_transparency .phone-info a {
        color: inherit;
    }

    Best regards,
    Mike

    #755726

    Hi,
    It looks like your image is 1030×466 & being scaled up to 100%
    postimage
    My solution is to force a max width so the image is not scaled up. Or you could upload larger images. I know you wrote your images are larger, so maybe your WP > Settings > Media > Media Settings >Large size Max Width needs to be adjusted?
    Try this code in the General Styling > Quick CSS field:

    #top .portolio-preview-list-image, #top .portolio-preview-list-image img {
        max-width: 1030px  !important;
    }

    Best regards,
    Mike

    #755708

    In reply to: top button on mobile

    Hi,
    Oh, that is the Scroll to top button. Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
      display: block !important;
    }}

    Best regards,
    Mike

    #755698

    In reply to: top button on mobile

    No, thanks for the answer. I mean the button that I see in the desktop-version in the down right corner. The button with “#top” anchor.

    #755688

    In reply to: top button on mobile

    Hey Level777,
    Do you mean you would like to see the mobile menu button on your desktop?
    Then size your browser down to a mobile size.
    If not, please elaborate a little further.

    Best regards,
    Mike

    i did… here is the topic “Enfold Demo import and update, MISSING FILE error message”
    and havent received a reply from the author yet. any help would be appreciated.

    #755681

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .btn-group .btn {
        min-width: 100px!important;
    }

    My test worked on the two top buttons & didn’t effect the bottom three
    postimage
    Best regards,
    Mike

    #755677

    Hey VJLoops-GT,
    The easy answer is to use a popup contact plugin, there are a few.
    Yet you can do this within Enfold by following the steps in these posts:
    Modal Popup > https://kriesi.at/support/topic/contact-form-in-pop-up-prettyphoto-issue/#post-304173
    Get contact form shortcode > https://kriesi.at/support/topic/shortcode-contact-form-for-sidebar/#post-507669
    I did a quick test on my end, and this is the result:
    postimage
    Please note to do this 3 times for 3 buttons, you may want to choose the plugin option.

    Best regards,
    Mike

    #755669

    Topic: top button on mobile

    in forum Enfold
    Level777
    Participant

    Hi, I would like to view the #top button on mobile. How I can do this? Thanks

    #755661

    Hi,
    To change the gap on only these two buttons you will need to enabled custom css classname support.
    in the link above: https://kriesi.at/support/topic/section-button-alignment/#post-721210
    the post points to: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    to show you how to enabled custom css classname support.

    Best regards,
    Mike

    Mike
    Participant

    The WP text editor tools that you include in many of the theme elements is not sticky, and so when writing long posts or pages we constantly have to scroll back to the top to input a link or edit the text options, such as bolding, H1, H2, and ETC. This text editor menu should follow all the way down the element when someone is editing a page or post.

    #755656
    Mike
    Participant

    The theme is taking out the back to top button that shows up on desktop when viewed on mobile and we need this to show up as it should on the mobile responsive setting.

    Mike
    Participant

    Here is the link, we do NOT want this info as it is shown to be public, please remove from your database.

    https://kriesi.at/support/topic/www-yourpoolbuilder-com/?avia_support_contact=avs_587a4864ace0d1.09280196_733591

    architchandra
    Participant

    Hi. I saw the answer on this link: https://kriesi.at/support/topic/fullscreen-slider-fade-time/
    and I am confident it will work but I am using a child theme and don’t want to make any changes to the original theme files.

    Should I create a folder named js and copy the shortcodes.js file there and make the changes or do I also need to copy some other php file from the main theme folder which links to the shortcodes.js file (I was told that apart from functions.php, all other php files in the child theme replace the parent theme files. Does the same happen for js files or do we also need to copy the php file linking to the php file)?

    #755626

    Hi,
    Try this code in the General Styling > Quick CSS field to replace the first code block:

    .widget.widget_nav_menu{
        background-color: #557519;
            padding-left: 0px !important;
    }
    .widget.widget_nav_menu li {
        border-bottom: 1px solid #fff !important;
    }
    .widget.widget_nav_menu li a {
        font-weight: bold;
        color: #fff !important;
    }
    #top .widget_nav_menu .nested_nav {
        padding-bottom: 0px !important;
    }
    div .widget_nav_menu{
    padding-bottom: 0px !important;
    }

    Best regards,
    Mike

    #755620
    alexandervellguth
    Participant

    Hey,

    so on Desktop, I have 1/5th columns next to each other, while I want to show 2 next to each other on mobile.
    So I modified the column width according to what I’ve found here, and I have the problem that this creates
    ’empty’ boxes, the elements don’t jump into the right order.

    The code:

    @media only screen and (max-width: 767px) {
    
    .av_one_fifth {
    width: 48%!important;
    padding-left: 1%;
    padding-right: 1%;
    }
    }

    See: box issue

    I tried fiddling around with the paddings and the width, but can’t get them aligned properly.
    Maybe someone has a solution for this.

    Cheers

    #755619

    Hey spavli2,
    Is this what you are trying to achieve?
    postimage
    Try this code in the General Styling > Quick CSS field:

    #header .widget {
      left: 50%;
      padding-top: 0;
      position: absolute;
      top: 0;
      transform: translate(-50%);
      z-index: 999;
    }

    You had no space between #header & .widget
    Best regards,
    Mike

    #755603
    spavli2
    Participant

    I added widget to the header with these instructions.

    I use this css:

    #header.widget {
    left: 50%;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;
    vertical-align: middle;

    }
    @media screen and (max-width: 1000px) {
    #header .widget{
    display:none }
    }
    .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    }

    widget should be inline with logo on the right side..

    What am i doing wrong?

    • This topic was modified 8 years, 11 months ago by spavli2.
    #755602

    Yigit explained in detail what the permission problem might be on Feb 14. and Feb 16., so imo stop bashing the support guys here!

    That file should be accessible. It is the dynamic stylesheet of the theme that is being generated when you adjust the options in Enfold theme options. Since it is not accessible, styles are not being applied. That is the cause of the issue.

    Reread here: https://kriesi.at/support/topic/enfold-support-login-not-working/

    Honestly you should step back a bit and maybe hire somebody who is capable of maintaining a wordpress installation. And/or talk to your hoster why this file gives a 403 and that they should set the permissions so it is accessable (I guess wrong group).

    cheers.

    #755600

    see here the thread of mine with Josue Solution (same as above – only with a better name for that fild (js))

    https://kriesi.at/support/topic/shrinking-header-on-ipad-does-not-work/#post-575345

    #755599

    what is the problem – you miss the shrinking behavior on tabletts !
    so your options are all good but there has to be a fix for it. I only knew one for ipad – if it works with other tabletts i don’t know.

    Put this to your functions.php of the child-theme:

    function include_custom_js_file() {
       wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/shrink_fix.js', array('jquery', 'avia-default'), 2, true );
    }
    add_action( 'wp_enqueue_scripts', 'include_custom_js_file', 100 );


    copy the code and call it : shrink_fix.js

    (function($){
        
        $(document).ready(function()
        {	
        	// avia_header_size function initialization
            avia_header_size();		
    		
        });
    
        // required auxiliary function for 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);
        		}
        	}
        }
        
    
            // custom avia_header_size
    	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) // in the original one, there's a !isMobile here
    	                {
    		                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);

    create in your Child-Theme folder a folder called js and upload that shrink_fix.js to it

    after that the shrinking header works as on all desktop-pc

    #755595

    i found something here on avia.js on line 735

    if(outerH > 100)
    {
    	
    	if(!overlay.length)
    	{
    		overlay = $("<span class='image-overlay "+span_class+"'><span class='image-overlay-inside'></span></span>").appendTo(link);
    		
    	}
    	//can be wrapped into if !overlay.length statement if chrome fixes fade in problem
    	if(link.height() == 0) { link.addClass(_self.className); _self.className = ""; }
    	if(!linkCss || linkCss == 'inline') { link.css({display:'block'}); }
    	//end wrap
    	
    	overlay.css({left:(pos.left - overlay_offset) + parseInt(current.css("margin-left"),10), top:pos.top + parseInt(current.css("margin-top"),10)})
    		   .css({overflow:'hidden',display:'block','height':outerH,'width':(outerW + (2*overlay_offset))});
    		   
    	if(cssTrans === false ) overlay.stop().animate({opacity:opa}, 400);
    }
    else
    {
    	overlay.css({display:"none"});
    }

    but this does not help you i know

Viewing 30 results - 83,401 through 83,430 (of 142,732 total)