Forum Replies Created

Viewing 30 posts - 13,051 through 13,080 (of 35,286 total)
  • Author
    Posts
  • in reply to: CSS issue #1341499

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Make menu reappear on mobile when scrolling up? #1341497

    Hey transmodiar,
    You can show the “scroll to top” arrow button on mobile with this css in your Quick CSS:

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

    After applying the css, please clear your browser cache and check.

    To show the mobile header on scroll up, Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

    function hide_header_on_scroll_down_show_on_scroll_up() { ?>
        <script>
    (function($) {
      'use strict';
      var $window       = $( window );
      var lastScrollTop = 0;
      var $header       = $( '#header_main' );
      var headerBottom  = $header.position().top + $header.outerHeight( true );
      $window.scroll(function() {
              var windowTop  = $window.scrollTop();
              if ( windowTop >= headerBottom ) {
                  $header.addClass( 'myprefix-maybe-sticky' );
              } else {
                  $header.removeClass( 'myprefix-maybe-sticky' );
                  $header.removeClass( 'myprefix-show' );
              }
              if ( $header.hasClass( 'myprefix-maybe-sticky' ) ) {
                  if ( windowTop <= headerBottom || windowTop < lastScrollTop ) {
                      $header.addClass( 'myprefix-show' );
                  } else {
                      $header.removeClass( 'myprefix-show' );
                  }
              }
              lastScrollTop = windowTop;
      });
    }(jQuery));
    </script>
        <?php
    }
    add_action('wp_footer', 'hide_header_on_scroll_down_show_on_scroll_up');
    

    Then add this code in the General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
    .myprefix-maybe-sticky {
      position: fixed !important;
      top: -100px;
      width: 100%;
      z-index: 999;
      opacity: 0;
      background: #fff;
      transition: 0.3s all;
      box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    }
    
    .myprefix-show {
      top: 0;
      opacity: 1;
    }
    }

    Best regards,
    Mike

    in reply to: Form fields not sizing down on mobile #1341486

    Hey biotechz,
    Thank you for the link to your site and the screenshot, Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .avia_ajax_form {
    	overflow: hidden;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Contact us page #1341475

    Hi,
    Glad to hear, shall we close this then?

    Best regards,
    Mike

    in reply to: Set transparent header as default header style #1341446

    Hi,
    This is because the mobile header is not designed to support a Sticky or Shrinking Header, so the class is not enabled.
    Glad that the above script is now working for you, please use it as your solution.
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Bug in Avia-gallery item title #1341445

    Hey Jean,
    Please see this solution

    Best regards,
    Mike

    in reply to: CSS issue #1341444

    Hey Jorge,
    Thank you for the login to your site, depending on the structure of your page the .container_wrap_first may contain all of the page content, such as on /membres/support/profile/ or it might only have the first non-full-width container such as on /avocat/profile/ which is this case is a code block element. Full width elements such as color sections are in their own sections outside of the .container_wrap_first.
    2022-02-19_012.jpg
    So to solve this I would determine how to only target the page like this so you can use the display: none; rule, for example look at the body classes and see if they all share one of the same classes.

    Best regards,
    Mike

    in reply to: Woocommerce Product Description #1341441

    Hey Akhurst,
    Thank you for the link to your site, the line-height was 28px, so try this code in the General Styling ▸ Quick CSS field to change t to 14px:

    .template-shop li.product-type-simple {
    	line-height: 14px;
    }

    feel free to adjust to suit, after applying the css, please clear your browser cache and check.i

    Best regards,
    Mike

    in reply to: Category in Postslider #1341440

    Hey Markus,
    The standard business will not show the categories in the post slider, please use the modern business instead
    2022-02-19_160158.jpg
    These two styles are very similar, but if you want the modern business adjusted some we can help, just explain what you would like adjusted.
    I didn’t find a post slider on your site so please create a test page.

    Best regards,
    Mike

    in reply to: Breadcrumb bar background color #1341439

    Hi,
    Thanks for the screenshot, you had this css in your child theme stylesheet:

    #top .title_container .container {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 56px;
        background: #F7FCFE;
        border-bottom: solid 1px #e1e5eb;
    }

    it has an extra container, so the correct css is this:

    #top .title_container {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 56px;
        background: #F7FCFE;
        border-bottom: solid 1px #e1e5eb;
    }

    I corrected this for you, please clear your browser cache and check.

    Best regards,
    Mike

    Hey Marcel,
    Thanks for your question, you can add custom icons to Enfold via Fontello, please see our documentation here, but I didn’t find any 5-star icons there, so probably the easiest solution would be to modify the html of your current Separation line with jQuery.
    Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

    function five_star_seperator() { ?>
        <script>
    (function ($) {
    $(".avia-builder-el-10 .av-seperator-icon").attr('data-av_icon','' );
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'five_star_seperator');

    this is the expected results
    2022-02-19_009.jpg

    While this will work on your current page I recommend adding a custom class to the seperator element such as five-star and replace the class .avia-builder-el-10 in the script above so you can add this to other pages on your site.

    Best regards,
    Mike

    in reply to: How to make a section sticky at the top #1341435

    Hey JeffBianchi,
    You can try this solution or you can try a plugin like Sticky Menu & Sticky Header
    There are quite a few sticky plugins.

    Best regards,
    Mike

    Hey josk-design,
    Thank you for the link to your site, this is odd because the footer columns are meant to look as you are asking. Please try disabling the theme options Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and remove the broken shortcode above the footer under “Unser Angebot”
    Then clear your browser cache and check.
    If this doesn’t help also try updating to v4.8.9.1 as it contains some fixes and check again.
    If this doesn’t help please include an admin login in the Private Content area so we can investigate.

    Best regards,
    Mike

    in reply to: Content over layerslider #1341433

    Hey whdsolutions,
    Thank you for the link to your site, the class above doesn’t seem to exist on you page anymore .av-kzs87jc8-1ebd7eab26a8447e5588f1ffe46fd523 but the av_three_fifth column is over your layerslider by -300px with this css:

    .flex_column.av-kzs87jc8-e08336bdcc15b256f7f0786898b83ca5 {
        margin-top: -300px;
    }

    Please see the screenshot in the Private Content area.
    I assume that you have since solved this, but I recommend not using the post-css classes like: .av-kzs87jc8-1ebd7eab26a8447e5588f1ffe46fd523 because they will change every time you modify the page.

    Best regards,
    Mike

    in reply to: wie zweite Navigationszeile ausschalten #1341432

    Hey sroetheli,
    Vielen Dank für Ihre Frage, ich glaube, Sie meinen die Breadcrumbs in der Titelleiste
    2022-02-19_005.jpg
    Sie können das in den Layoutoptionen pro Beitrag abschalten
    2022-02-19_006.jpg
    oder in den Themenoptionen für alle Beiträge
    2022-02-19_007.jpg
    Enfold-Designoptionen ▸ Kopfzeile ▸ Kopfzeilenlayout ▸ Kopfzeilentitel und Breadcrumbs

    — Translated with Google —

    Thank you for your question, I believe you mean the breadcrumbs in the title bar
    2022-02-19_005.jpg
    you can trun that off in the layout options per post
    2022-02-19_006.jpg
    or in the theme options for all posts
    2022-02-19_007.jpg
    Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs

    Best regards,
    Mike

    in reply to: Multiple demos on one site #1341430

    Hi,
    Each element should have it’s style set in it’s options, so copying the element shortcode should also carry this over, but for global styles you will need to use the Dev inspector.

    Best regards,
    Mike

    in reply to: All galleryphotos are double on websides #1341428

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: SVG Logo in Header #1341427

    Hey Stefan,
    Thank you for the link to your site I see your logo is 300px x 72px right now, if you want it to be 340px x 125px please try this css:

    .logo img {
    	width: 340px;
        height: 125px;
        max-height: 125px!important;
    }
    

    but you will also need to change your header height to 125px because right now it is set to 72px
    Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Size

    Best regards,
    Mike

    in reply to: white fading on hover #2 #1341426

    Hey Veronika,
    Your “all posts” page is using a masonry element and the current css for the white mouse-over effect is this:

    .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container {
        opacity: 0.2;
    }

    I’m not sure how you want to change this as you say opacity: 0.3 is perfect, and this page is opacity: 0.2, so you can adjust like this and add the !important;

    .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container {
        opacity: 0.3!important;
    }

    then add this to your Quick CSS and clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Insert Logo to Topbar #1341425

    Hi,
    Thank you for the link to your site, first I disabled the Header Social Icons and added a link next to your phone number with the image of the icon:
    <a class="teamviewer" target="_blank" href="https://get.teamviewer.com/chispasupport"><img src="/wp/wp-content/uploads/2022/02/icons8-teamviewer-30.png"/></a>
    and I added this css to your Quick CSS:

    #header_meta .phone-info .teamviewer {
      vertical-align: middle;
    }
    

    please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Change logo image after scroll down #1341419

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: image slider issue #1341416

    Hi,
    Glad Ismael could help, the Smush plugin authors know about this error, and should release an update in the future, we recommend disabling the lazy loading option of this plugin until Smush corrects.
    If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Enfold shop demo newsletter fields style matching #1341415

    Hey tauqer30,
    Thank you for the link to your sites but both of these forms are the default Enfold forms, I didn’t find your mailchimp form, please link to the page it is on.

    Best regards,
    Mike

    in reply to: Contact us page #1341412

    Hey paulmccherry,
    Thank you for the link to your site, the form seems to work, I didn’t see any errors and the success message shows, is the problem that you are not getting the email? Please include an admin login in the Private Content area so we can test.

    Best regards,
    Mike

    Hey Joe,
    Thank you for your patience, are you using WPML for your languages? Our documentation only shows how to sort order of Blog Posts by Last updated, Post Name, etc. But since different languages is not a built-in function I don’t find any reference to this.
    It seems that this is a function of WPML when it is installed.

    Best regards,
    Mike

    in reply to: Make fields * required for images #1341409

    Hey mischael1,
    These fields are part of the WordPress core nad there are no settings to achieve this, I did find this solution on stackexchange but it is 4 years old and doesn’t seem well-reviewed, I would recommend looking for a plugin.
    I assume that you want this so your clients will use these fields, but your best option would be to explain this to them.

    Best regards,
    Mike

    in reply to: No "X" element when light-boxing an image or video. #1341408

    Hey stoneroad,
    Thank you for the link to your site, but I’m seeing the close button “X” for the image and the video, please see the screenshot in the Private Content area.
    I tested this on Windows in Chrome, Firefox, & Edge. What browser are you using?

    Best regards,
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Automaticaly set tag for Magazine's posts #1341405

    Hey mischael1,
    Thank you for your patience, unfortunately you will need to add the magazine element to each post and choose the tag that you want the element to show for that post, you can not add the element to the footer and have it show the same tags as the post tag.
    A possible workaround to use the magazine element in the footer would be to use the shortcode wand to generate the magazine element shortcode and add to a text widget in the footer and use the plugin Widget Options to display this widget only for certain categories, but the drawback is that you will need to create a separate widget for each category, and this plugin doesn’t work correctly with tags so you will have to use categories.
    It seems that it will be easier for you to manually add the magazine element to the bottom of each post, not in the footer, with the correct settings.

    Best regards,
    Mike

    in reply to: Easy Slider & Partner Logo Element not working #1341402

    Hey flow4you,
    Thank you for your patience and for the login, the error was a result of an umlaut in a menu link, a umlaut is allowed in the text of a menu item but not in the actual link:
    #studiendauer_gebühren
    this menu link was for an anchor on the page but I couldn’t find it on the page, the closest was: #studiendauer_kosten so I changed it to this, please check.
    Now the menu item works correctly and the Partner Logo displays.

    Best regards,
    Mike

Viewing 30 posts - 13,051 through 13,080 (of 35,286 total)