Forum Replies Created

Viewing 30 posts - 61 through 90 (of 102 total)
  • Author
    Posts
  • I just found the solution by editing robots.txt and adding a line:

    User-agent: *
    Disallow: /wp-content/themes/enfold/framework/
    in reply to: Enfold Changelog #746324

    Hi,

    I would like to suggest you guys to create a roadmap of the functions or options that are planned to include in the nearest release. I took a look at the feature request page but none of the suggestions are considered for future implementation. Enfold is a great theme but it needs a bigger upgrade to keep it up on the top. A lot of themes are changed and many other frameworks are getting more and more exciting. As you can see in the feature requests, most of the users including me would really love to have improved mobile menu layout, and other options. Please consider this suggestion. Keep up the good work!

    I found that this behaviour is done by the code between lines 1654 and 1662 in enfold/js/avia.js :

    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');
                    	}
                    }

    Can we set a function to override the av_change_class(header, 'remove', 'av_header_transparency'); and keep the av_change_class(header, 'add', 'av_header_transparency'); for screen width under 767px?

    Regards

    Update:

    I edited the code by changing the line from ‘if(st > 50)’ to ‘if(st > 50 && window.innerWidth >767)’ and now it works, the only thing is how to keep this code when updating theme?

    if(transparent)
                    {	
                    	if(st > 50 && window.innerWidth >767)
                    	{	
                    		//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');
                    	}
                    }

    Hi, Ismael this code caused visual issues on other pages where we use default header, I didn`t applied it. If the class attribute “av_header_transparency” is being removed on scroll, can we set a custom function with jQuery for keeping the class attribute “av_header_transparency” on specific page or ignore the class attribute removal for specific screen width? Can we interact with the class attribute by telling to keep it on the specific page with jQuery? Or if we can remove the scroll rule

    Something like in this example:

    function add_custom_script(){
    ?>
    <script>
    jQuery(window).load(function(){
    if (jQuery(window).width() < 480) {
    <--CODE PART -->
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'add_custom_script');

    Regards

    Hi,

    I have found something similar on this forum using Google search. The issue is very similar to mine. This reply could be a fix, but I need to adapt it to be suitable on all pages on mobile screen width not single page like it was done in this example: https://kriesi.at/support/topic/disable-sticky-header-for-single-page/#post-286419

    Maybe Josue could be so kind and help me out here?

    How can I stop this header shrinking and transformation on mobile and fix the header transparent only with transparent logo and transparent color setup?

    Thanks

    • This reply was modified 7 years, 11 months ago by L.

    Hi, Ismael!

    I attached everything I have set in the private area. Let me know if that will be sufficient for you to replicate the issue.

    Regards

    Hi Ismael,

    The purpose of the CSS is to set the header on mobile transparent with white (transparent header) logo. To check this:
    1 you have to create a page with full-screen slider;
    2 set the page header to transparent;
    3 add the custom CSS

    Then you can go and check the transparent header on mobile screen width. Scroll down a bit and you will see that the header is transforming to standard header. I want to prevent this transform on mobile and leave the header transparent. The reason for this is because the standard header is pushing the full-screen slider and its contents below the header. This results in wrong function of next section and doesn’t look good.

    Regards

    Hi Yigit,

    In fact this is not an issue with any plugins. It is a default behavior how the Enfold theme header on mobile is working. Add the custom CSS I`ve posted on the first post on any Enfold site that is using a full-screen slider with transparent header. You will see what happens when you scroll down a bit.

    Regards

    Hi Basilis,

    It is nothing extremely specific. In fact you can try and inspect this behaviour on any of your enfold testing installation with an active transparent header. The header will transform to basic style (white or whatever it is set to) when you scroll down. What I need is to prevent this behaviour – the header transformation and leave it transparent. If it is possible with css, I can set media rule to limit that transformation prevention on mobile screen only.

    Regards

    I have attached the link to a website with transparent header. You can try to resize the browser and scroll down a bit and you will see that the header on mobile screen width is transforming from transparent to regular header and pushing the fullscreen slider below, which I would like to prevent.

    Thanks Nikko! It worked! You should add this option for future updates.

    Best regards

    Thanks Nikko,

    I have added a line above the one you mentioned to test if it will work: $caption = ‘ <h3 class=”avia-caption-title”>TEST</h3>’;
    It shows “TEST” above the title, so it will work. The question is – how do I get category link and name onto this line?

    Here is the whole section of code that I have now:

    foreach ($this->entries->posts as $slide)
    			{
    					$counter ++;
    					$thumb_id = get_post_thumbnail_id( $slide->ID );
    					$slide_class = "";
    					$taxonomies  = get_object_taxonomies(get_post_type($the_id));
    					
    					$img 	 = wp_get_attachment_image_src($thumb_id, $this->atts['image_size']);
    					$link	 = get_permalink( $slide->ID );
    					$title	 = get_the_title( $slide->ID );
    					
    					
    					$caption  = "";
     					$caption .= ' <div class="caption_fullwidth av-slideshow-caption caption_center">';
    					$caption .= ' <div class="container caption_container">';
    					$caption .= ' <div class="slideshow_caption">';
    					$caption .= ' <div class="slideshow_inner_caption">';
    					$caption .= ' <div class="slideshow_align_caption">';
    					$caption .= ' <h3 class="avia-caption-title">TEST</h3>';
    					$caption .= ' <h2 class="avia-caption-title"><a href="'.$link.'">'.$title.'</a></h2>';
    			
    					if(strpos($this->atts['contents'], 'excerpt')  !== false)
    					{
    						$excerpt = !empty($slide->post_excerpt) ? $slide->post_excerpt : avia_backend_truncate($slide->post_content, apply_filters( 'avf_feature_image_slider_excerpt_length' , 320) , apply_filters( 'avf_feature_image_slider_excerpt_delimiter' , " "), "…", true, '');
    						
    						if(!empty($excerpt)){
    							$caption .= ' <div class="avia-caption-content " itemprop="description">';
    							$caption .= wpautop($excerpt);
    							$caption .= ' </div>';
    						}
    					}
    		
    					
    					if(strpos($this->atts['contents'], 'read_more')  !== false)
    					{
    						$caption .= ' <a href="'.$link.'" class="avia-slideshow-button avia-button avia-color-light " data-duration="800" data-easing="easeInOutQuad">'.__('Read more', 'avia_framework').'</a>';
    					
    					}
    					$caption .= ' </div>';
    					$caption .= ' </div>';
    					$caption .= ' </div>';
    					$caption .= ' </div>';
    					$caption .= $this->create_overlay();
    					$caption .= ' </div>';
    					
    					$slide_data = "data-img-url='".$img[0]."'";
    					
    					if(empty($img)) $slide_class .= " av-no-image-slider";
    					
    					$html .= "<li {$slide_data} class='slide-{$counter} {$slide_class} slide-id-".$slide->ID."'>";
    					$html .= $caption;
    					$html .= "</li>";
    			}
    in reply to: Burger menu on mobile with Logo center menu below setting #711366

    Hey Nikko,

    The function adds the code in the toggle on mobile screen width but the new menu is not clickable. The old menu is still appearing when tapping on the new icon. It is impossible to activate and open the new burger-menu. When clicking on the button Enfold mobile menu opens instead of new burger menu.

    Screenshot when not hovered:
    Not hovered

    Screenshot when hovered:
    Hovered

    Unfortunately I cannot demonstrate the behaviour to you, because it is not hosted on a public server. I have tried your suggested code on a basic http://kriesi.at/themes/enfold-lifestyle-blog/ with header menu below logo.

    Can you please try this on your test environment to better understand?

    Regards

    in reply to: Enfold medical visual issues on phone screen width #711361

    Thanks Yigit, it worked!

    in reply to: Burger menu on mobile with Logo center menu below setting #709669

    What I want to do, is to use the new burger menu instead of the Enfold mobile menu. Kriesi released a new menu type with the latest update – burger menu, which is used in Enfold Creative Studio template. The only problem is that I want to set the burger menu only on mobile and leave the logo center, menu below desktop menu. I cannot set it with the header Logo center, menu below.

    What I want to do is: Use the http://kriesi.at/themes/enfold-hotel/ header menu on desktop and tablets, but this burger menu on mobile http://kriesi.at/themes/enfold-creative-studio/

    Right now it is impossible to set on Enfold’s settings. Is there a workaround?

    Edit: I mean Menu style: the ‘burger icon’ menu

    Thanks

    • This reply was modified 8 years, 1 month ago by L.
    in reply to: Burger menu on mobile with Logo center menu below setting #708807

    Hi Rikard,

    I am hosting it on my localhost and the site cannot be accessed right now. Basically this is a question about this layout http://kriesi.at/themes/enfold-hotel/ where header is with centrred logo and menu below.

    Regards

    in reply to: WPML language switcher centered on sidebar logo menu #660687

    Done everything myself! If someone is interested here is the code that made this to happen:

    .language_flag img {
        display: none !important;
    }
    .language_code {
        display: block !important;
        text-transform: uppercase;
    }
    in reply to: WPML language switcher centered on sidebar logo menu #660645

    This is Enfold coded menu that comes with theme compatibility to WPML with Enfold added language switcher on top. How can this question not be directly related to the theme?

    I can surely ask the WPML team about this but I am sure they will address me back to the theme developers.

    in reply to: WPML language switcher centered on sidebar logo menu #660203

    Hey Andy,

    Sorry, you might understood it wrong. I am not meaning any sidebar widgets. The whole thing is about the Enfold sidebar menu.(sidebar header or whatever it might be called) On a default WordPress theme the WPML language selector is not seen at all. I also tried this solution but didn`t had any changing effect – https://kriesi.at/support/topic/wpml-language-selector-text-instead-of-flag-2

    I have uploaded the development website to a temporary server online and attached the link and access credentials to the private area. I just want to replace the WPML flags with the language name with two letters for each language but not sure how to do that. That`s all.

    Regards

    in reply to: WPML language switcher centered on sidebar logo menu #658496

    Hey Andy,

    Your solution is not working as I expected, but I have done this repositioning myself, setting the top WPML sidebar menu switcher positions to centre by adding the following lines:

    .html_header_sidebar #top .avia_wpml_language_switch {
    border-bottom-style: none;
    position: relative;
    left: 50%;
    margin-left: -50px;
    }

    However, I am still in a need to replace the flags images with just the language names in text – “EN” and “RU”
    I suppose that this switcher is the default that comes with the Enfold built-in compatibility for WPML plugin. Changing the WPML plugin settings in “Language switcher options” under “Language switcher style” and “What to include in the language switcher” settings doesn`t make any effect on the actual visual appearance with the WPML switcher in the sidebar menu. Please help.

    Regards

    in reply to: WPML language switcher centered on sidebar logo menu #656151

    Hey Basilis,

    Sorry, I already wrote that the website currently is on the wamp localhost. I cannot host it yet. This is really a basic Enfold install with left sidebar menu and a WPML plugin. Can you please have a look at your version of Enfold with WPML?

    Thanks

    in reply to: WPML language switcher centered on sidebar logo menu #656118

    I know that bumping this wouldn’t help but I think that you forgot about this topic.

    in reply to: WPML language switcher centered on sidebar logo menu #654871

    Hey Jordan,

    Unfortunately, the website is not hosted yet. It is on my localhost. The menu I use is the basic ENFOLD left sidebar menu with basic WPML settings. Nothing really changed here, I only changed the names for languages to EN and RU. I attached the screenshots with examples which part I meant to change and how I would like it to look after the css changes.

    As you see in the image below, the WPML language flags are positioned at the top left side of the sidebar menu:

    This is the visual appearance I would like to achieve:

    What should I do to replace the flags with the EN and RU and move them in the centre of sidebar menu as well as on the mobile version header?

    Thanks Yigit! This did the job perfectly! I will also try out the plugin suggested by Basilis.

    Hi Rikard!

    The actual website is on wamp local server right now. You can discover this even on the main demo version of enfold. Scroll down till half of layer slider is seen and the header is shrinked then just hover on slider area and the previous/next slide buttons are shown overlaying the header.

    Hi Elliott!

    The same on Windows Phone 8.1 default browser.

    And if you take and resize it on google Chrome for desktop PC, then reload the page and click on mobile menu icon the menu appears with an extra side scrollbar. If you scroll to the end you can see the webpage contents. If you close and reopen the menu all is working fine again.

    Thanks!

    Worked for me!

    in reply to: Enable search bar when on mobile(iPhone, etc) #356434
    This reply has been marked as private.
    in reply to: Enable search bar when on mobile(iPhone, etc) #356424
    This reply has been marked as private.
    in reply to: Enable search bar when on mobile(iPhone, etc) #356410
    This reply has been marked as private.
    in reply to: Enable search bar when on mobile(iPhone, etc) #353892
    This reply has been marked as private.
Viewing 30 posts - 61 through 90 (of 102 total)