Forum Replies Created

Viewing 30 posts - 31 through 60 (of 35,265 total)
  • Author
    Posts
  • in reply to: same height #1496334

    Hi,
    I do not see the samething as you:
    qsBI2f9.md.png
    Try clearing your cache.

    Best regards,
    Mike

    in reply to: Cannot type spaces in special headings #1496307

    Hey emilconsor,
    Unfortunately supporting third-party plugins is beyond our scope, try disabling the plugin on the rare occasions that you need to edit the special headings.

    Best regards,
    Mike

    in reply to: Translating LayerSlider Urls with WPML #1496306

    Hey Rustum,
    My research points that you must Duplicate Your Slider for Each Language by going to LayerSlider WP > All Sliders and click the “Duplicate” button for your original slider. Create a separate slider instance for each language you want to support. Then open each duplicated slider and modify the layer links to point to the appropriate pages in that specific language.
    Links added in Layer Settings > Link may not translate automatically on the front end, which is why the duplication approach is necessary.
    Please note that we are not the authors of the Layerslider and are limited in our knowledge of this topic, here is the official Layerslider support, perhaps they will have a better solution.

    Best regards,
    Mike

    in reply to: Huge space #1496303

    Hi,
    On desktop I see that you have three grid rows with a HR in between each of them. On mobile you have the three grid rows and HRs hidden, but since the HRs are after the grid rows they create a after_grid_row container which is not hidden.
    Try this css to hide the containers on mobile.

    @media only screen and (max-width: 479px) {
       .page-id-31 #after_grid_row_1,.page-id-31 #after_grid_row_2,.page-id-31 #after_grid_row_3 {
            display: none !important;
        }
    } 

    Best regards,
    Mike

    in reply to: Icon Spotify #1496302

    Hi,
    Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: same height #1496296

    Hi,
    When I check it looks like you removed the background image from the socket.

    Best regards,
    Mike

    in reply to: E-Commerce Setup #1496289

    Hey reqonsult,
    The shop is created with the woocommerce plugin
    See our documentation here.

    Best regards,
    Mike

    in reply to: square box instead of phone symbol on Chrome #1496288

    Hey Tilman,
    You have a CORS error:

    Access to font at 'https://auto-wulf.de/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello/entypo-fontello.woff' from origin 'https://www.auto-wulf.de' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 

    This is a www vs non-www mismatch issue. Even though it feels like the “same domain,” browsers treat auto-wulf.de and http://www.auto-wulf.de as two completely different origins.
    Option 1 — Add CORS headers in .htaccess (easiest for Apache/WordPress)
    Add this to your .htaccess file in the root of your site:

    <FilesMatch "\.(woff|woff2|ttf|otf|eot|svg)$">
        Header set Access-Control-Allow-Origin "*"
    </FilesMatch>

    Option 2 — Redirect all non-www to www (recommended anyway)
    This fixes the root cause by making sure all assets are always loaded from the same origin. Add to .htaccess:

    RewriteEngine On
    RewriteCond %{HTTP_HOST} ^auto-wulf\.de [NC]
    RewriteRule ^(.*)$ https://www.auto-wulf.de/$1 [R=301,L] 

    You can edit .htaccess via FTP/SFTP or through your hosting control panel’s file manager.

    Best regards,
    Mike

    in reply to: Need help with responsive columns #1496287

    Hi,
    Glad that Guenni007 could help, thanks Guenni007, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Easy slider full width keep the same text all slider #1496285

    Hey Antonio,
    Use the Use first slides caption as permanent caption option.
    q4dY1B2.md.png

    Best regards,
    Mike

    in reply to: same height #1496284

    Hey schweg33,
    Try this css:

    #socket > .container,
    .title_container > .container {
    	max-height: 58px;
    	height: 58px;
    } 

    Best regards,
    Mike

    in reply to: Testimonial “bouncing” #1496282

    Hey mjrielly,
    Typically the solution is to apply css height so all of the testimony slides will have the same height, and also calculate the needed height for each screen size. The following javascript will do this automatically for you. Add the following code to your child theme functions.php file. If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
    fUcTO4R.jpg
    then add the following code and save.

    function equalise_testimonial_heights() { ?>
      <script>
    (function () {
    
      function equaliseTestimonialHeights() {
    
        const row = document.querySelector('.avia-testimonial-row');
        if (!row) return;
    
        const slides = row.querySelectorAll('.avia-testimonial');
        if (!slides.length) return;
    
        slides.forEach(function (slide) {
          slide.style.height = '';
        });
    
        let maxHeight = 0;
        slides.forEach(function (slide) {
          const h = slide.offsetHeight;
          if (h > maxHeight) maxHeight = h;
        });
    
        slides.forEach(function (slide) {
          slide.style.height = maxHeight + 'px';
        });
      }
    
      function debounce(fn, delay) {
        let timer;
        return function () {
          clearTimeout(timer);
          timer = setTimeout(fn, delay);
        };
      }
    
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', equaliseTestimonialHeights);
      } else {
        equaliseTestimonialHeights();
      }
    
      window.addEventListener('resize', debounce(equaliseTestimonialHeights, 150));
    
    })();
    </script>
      <?php
    }
    add_action( 'wp_footer', 'equalise_testimonial_heights', 99 );

    Best regards,
    Mike

    in reply to: Search Icon Color #1496274

    Hi,
    Glad that we could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Search Icon Color #1496272

    Hey newmediologo,
    Try this css:

    #menu-item-search a {
    	z-index: 110;
      position: relative;
    } 

    Best regards,
    Mike

    Hi,
    These were added to the theme 2 years ago. Ensure that you are using the latest theme version 7.1.4
    If you are still having an issue then it must be a different issue. Please open a new thread and detail your issue carefully so we can duplicate and explain to the Dev Team, or you can post yourself to the Dev Team here and follow along as they review.

    Best regards,
    Mike

    in reply to: Legacy Icon Font Used In Mobile Menu #1496245

    Hey Tim,
    Thanks for your patience, but the Dev Team doesn’t check here often, so I opened a feature request for you here:
    https://github.com/KriesiMedia/Enfold-Feature-Requests/issues/152
    Please feel free to add to it if you like, and check there for updates as it is reviewed. Otherwise the Dev Team may also reply here.

    Best regards,
    Mike

    in reply to: SVG icons question #1496244

    Hi,
    When I check on my test site adding this to the top of my child theme, or parent right after if( ! defined( ‘ABSPATH’ ) ) { exit; } prevents entypo-fontello-enfold.woff2 from loading:

    function avf_custom_font_display( $font_display, $font_name )
    {
    	if( 'entypo-fontello' == $font_name )
    	{
    		return 'swap';
    	}
    
    	return $font_display;
    }
    
    add_filter( 'avf_font_display', 'avf_custom_font_display', 10, 2 );

    If you still have some css calling the entypo-fontello font, such as the submenu-indicator, you will need to override the css like this:

    .html_av-submenu-hidden .av-submenu-indicator:before {
        content: ">";
        font-family: svg_entypo-fontello;
    } 

    Best regards,
    Mike

    in reply to: Need help with responsive columns #1496243

    Hi,
    Ok thanks @Guenni007, so @wesleyborgman note that with Guenni007’s example you will need to disable the Equal Height option in your columns.

    Best regards,
    Mike

    in reply to: using z-index? #1496242

    Hi,
    Glad that we could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Need help with responsive columns #1496239

    Hi,
    What I ment was that when the columns are set to equal height the dev structure changes and display:table; is used on the flex_column

    Best regards,
    Mike

    in reply to: using z-index? #1496238

    Hi,
    These two pages have different IDs, so use this css for all four pages:

    #top.page-id-19041 #main > .avia-section,
    #top.page-id-19042 #main > .avia-section,
    #top.page-id-3288 #main > .avia-section,
    #top.page-id-10730 #main > .avia-section {
    	z-index: 2;
      position: relative;
    }
    .html_entry_id_19041,
    .html_entry_id_19042,
    .html_entry_id_3288,
    .html_entry_id_10730 {
    	z-index: -1;
      position: relative;
    } 

    Best regards,
    Mike

    in reply to: PROBLEM WITH ACCORDEON COLORS NOT SHOWING #1496235

    Hi,
    Thanks for the login, but is not a Admin account so we can’t see any theme setting or page elements. Please update the login to Admin.

    Best regards,
    Mike

    in reply to: Need help with responsive columns #1496234

    Hi,

    @Guenni007
    nice solution with flex, but @wesleyborgman is using Equal Height columns which changes the layout.

    Best regards,
    Mike

    in reply to: using z-index? #1496233

    Hi,
    Try this css:

    #top.page-id-19041 #main > .avia-section,
    #top.page-id-19042 #main > .avia-section {
    	z-index: 2;
      position: relative;
    }
    .html_entry_id_19041,
    .html_entry_id_19042 {
    	z-index: -1;
      position: relative;
    } 

    Then clear your cache.

    Best regards,
    Mike

    in reply to: Submenue with pictures in one row #1496232

    Hi,
    Sorry I was looking at the submenu dropdown. Try this css:

    #top #av-custom-submenu-1.av-subnav-menu>li {
        width: 33%;
    } 

    Best regards,
    Mike

    in reply to: Submenue with pictures in one row #1496225

    Hey Michael F,
    Try adding this css to your Quick CSS field:

    #menu-item-2686 img {
    	padding-top: 19px;
    } 

    Then clear your cache.

    Best regards,
    Mike

    in reply to: favicon will not be shown #1496221

    Hi,
    Glad that we could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: favicon will not be shown #1496219

    Hey rixi,
    Try going to WordPress Dashboard > Settings > General > Site Icon and add your icon:
    qk7BTqQ.md.png

    Best regards,
    Mike

    Hey GWS,
    #text-20 is a search field, it has the class av-mini-hide so it will not show on small mobile devices.
    Try adding this css to show it:

    @media only screen and (max-width: 479px) {
    .responsive.av-no-preview #top #wrap_all #text-20 .av-mini-hide {
    	display: block;
    }
    } 

    But you should review your css for the widgets as it is too general and places both of them in the same place:

    
    @media screen and (max-width: 1024px) {
        #header .widget {
            left: 20%;
            position: absolute;
            top: 50px;
            transform: translate(-20%);
            z-index: 999;
        }
    } 

    Try making two css rules for each widget so they will not overlap
    #header #text-19.widget
    #header #text-20.widget

    On the other hand I don’t see the point of showing the search field on mobile when the search icon is already showing.
    Instead of in the header it might be better just above the Latest Articles title.

    Best regards,
    Mike

    in reply to: Timeline Element issue, not displaying correctly #1496214

    Hey Madison,
    Your Milestone Content has a lot of strange classes, css styles, spans, & divs
    Please view the Milestone Content using the Code tab
    qeFZ7oX.md.png
    This looks excessive for the simple text in the field, I assume that you copied the text from somewhere and the page code was added when you pasted. You may have unclosed tags breaking the milestone layout.
    Try building again with only plain text, if you want to copy the text from the frontend of your page, first paste into a plain text editor like notepad, notepad++, or vscode then copy the plain text again and paste into the milestone content field.

    Best regards,
    Mike

Viewing 30 posts - 31 through 60 (of 35,265 total)