Forum Replies Created

Viewing 30 posts - 7,441 through 7,470 (of 34,913 total)
  • Author
    Posts
  • in reply to: Full-width submenu: Header gap, not sticky to top, #1407388

    Hey dynamitekonzerte,
    The full width sub-menu is not sticky on mobile devices unless you use a custom function, so it looks like your script or css is causing this.
    Try this solution instead, if this doesn’t help then please link to your page so we can check.

    Best regards,
    Mike

    in reply to: Fullwidth Submenu: Active Menu Item CSS class #1407386

    Hey dynamitekonzerte,
    Thanks for your patience, if you create a menu and choose to use it in your full width sub menu then the class current_page_item will be added to the sub menu item when the page is landed on.
    You can use css like this to highlight the menu item text:

    
    #sub_menu1 .av-subnav-menu .current_page_item a {
        color: #000;
    }
    

    Best regards,
    Mike

    in reply to: Subline for “av_button” Buttons #1407379

    Hey Nomad,
    Thanks for the link to your example, but you can achieve this with a text element below a button element without any extra css:
    Enfold_Support_2075.jpeg
    You can change the font size and color of the text block in the style tab:
    Enfold_Support_2077.jpeg
    or change it with inline css in the text block.

    Best regards,
    Mike

    Hey bulldog232,
    Thank you for your patience, I see that you are using a child theme but the theme editor seems to be disabled, I see this text at the top of your homepage /* impact verification below*/ and I think it many be in your child theme functions.php but I’m not sure, please enable your theme editor.
    I copied your homepage to my test site and the testimonials element is the correct width, please see the screenshot in the Private Content area, so I’m thinking the cause is a custom function or file in your child theme or a plugin.
    Have you tried disabling your plugins? If that resolves the issue, reactivate each one individually until you find the cause.
    I believe your sidebar issue is related to ths error.

    Best regards,
    Mike

    in reply to: Download demos #1407372

    Hi,
    Thanks for the feedback, it seems that there is some setting that is not correct on your localhost but I’m not sure which one it is. Since your live host is working try comparing the two and match the settings. Or install the demo on your live site and then move to your localhost with a plugin like Duplicator. Perhaps building your site on a live server would be better should you need help in the future as you will be able to show the page you are having touble with.

    Best regards,
    Mike

    in reply to: Toggle burger menu (sub) opacity #1407371

    Hi,
    Thanks for the feedback, but the password to your site doesn’t work, please check.
    Is the transparency in the burger menu in the screenshot that I posted the way you would like it?

    Best regards,
    Mike

    in reply to: Can’t see the price when using Enfold #1407370

    Hi,
    Thank you for your patience and the explainion with links to examples, the first example could be achieved by using the Advanced Layout Builder elements to create your product page.
    Your first example page starts with class information such as images, table, a slider and text elements, you can use the layout elements for these, and then add your “product price” element under these with your “product purchase button”, and at the botton add the “related products” element.
    I’m having trouble understanding your language on your product page example so I’m not so sure what you mean by “placing the city” first, but I think you mean the drop down options for the products:
    Enfold_Support_2069.jpeg
    these can be moved in the product variations in the backend by draging them:
    Enfold_Support_2071.jpeg
    The sign up form on the example page uses the WooCommerce Box Office plugin, I don’t have experience with it but here is a link to it’s documentation. There maybe other free WordPress plugins that will do the same job but I don’t know or tested any. WooCommerce Bookings might be another option, I recommend that you research different plugins to find one that meets your needs and try to test them with Enfold before buying anything expensive as not all plugins work well with Enfold, sometimes you will need to test first to ensure there won’t be a conflict.
    I hope this helps.

    Best regards,
    Mike

    in reply to: Applying an aside caption #1407360

    Hey laptophobo,
    Thank you for the link to your demo site, perhaps using a text element and a image element in the same column with Grid CSS would be a good solution:
    Enfold_Support_2063.jpeg
    Try adding the custom class grid-column to a full width column, and add the custom class grid-image-right to the image element inside the column. Then add your text element inside the column but we won’t use a custom class for it.
    Add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (min-width: 768px) { 
    .grid-column {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-template-rows: auto;
        grid-column-gap: 1pc;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .grid-image-right {
    	display: grid;
        grid-column-start: 4;
        grid-column-end: span 9;
        grid-row: 1;
    }
    .grid-column .av_textblock_section {
    	display: grid;
        grid-column-start: 1;
        grid-column-end: span 5;
        grid-row: 1;
        padding: 8%;
        color: #000;
        background-color: #eee;
        z-index: 1;
    }
    }

    and adjust the colors to suit.
    Now below 767px, for mobile the image and text will be stacked:
    Enfold_Support_2065.jpeg
    and for tablet and above the text offset will be consistent:
    Enfold_Support_2067.jpeg
    I tried to do this with the image caption but it didn’t work well with the image element structure and the caption field doesn’t allow HTML and buttons easily like the text element so this may be more useful.

    Best regards,
    Mike

    in reply to: Applying an aside caption #1407359

    Hey laptophobo,
    Thank you for the link to your demo site, perhaps using a text element and a image element in the same column with Grid CSS would be a good solution:
    Enfold_Support_2063.jpeg
    Try adding the custom class grid-column to a full width column, and add the custom class grid-image-right to the image element inside the column. Then add your text element inside the column but we won’t use a custom class for it.
    Add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (min-width: 768px) { 
    .grid-column {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-template-rows: auto;
        grid-column-gap: 1pc;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .grid-image-right {
    	display: grid;
        grid-column-start: 4;
        grid-column-end: span 9;
        grid-row: 1;
    }
    .grid-column .av_textblock_section {
    	display: grid;
        grid-column-start: 1;
        grid-column-end: span 5;
        grid-row: 1;
        padding: 8%;
        color: #000;
        background-color: #eee;
        z-index: 1;
    }
    }

    and adjust the colors to suit.
    Now below 767px, for mobile the image and text will be stacked:
    Enfold_Support_2065.jpeg
    and for tablet and above the text offset will be consistent:
    Enfold_Support_2067.jpeg
    I tried to do this with the image caption but it didn’t work well with the image element structure and the caption field doesn’t allow HTML and buttons easily like the text element so this may be more useful.

    Best regards,
    Mike

    in reply to: Fold-Unfold standard height #1407330

    Hey S.,
    There is no global setting for the default height.
    If you want to create a global default height you could try this css:

    #top .av-fold-unfold-container.folded {
    	max-height: 60px !important;
    }

    and adjust to suit.

    Best regards,
    Mike

    in reply to: Download demos #1407329

    Hey Massimo,
    Do you see any error messages?
    Perhaps your localhost doesn’t have the PHP ZipArchive Extension enabled, see this thread.

    Best regards,
    Mike

    in reply to: Toggle burger menu (sub) opacity #1407328

    Hi,
    To add some transparency to your burger menu try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all .av-burger-overlay-scroll {
        background-color: rgb(28 28 28 / 60%);
    }

    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    in reply to: Footer sticky (curtain page effect) ON MOBILE #1407327

    Hi,
    Thank you for your patience, the curtain effect is disabled for mobile devices, as Ismael pointed out this feature is in beta.

    Best regards,
    Mike

    in reply to: Please help #1407321

    Hi,
    Thank you for your patience, the error you are seeing is because you updated an older version of the theme which included a Themeforest API Key this API key is no longer used, so please remove this info and save your theme settings and the error should be resolved.
    You will then need to go to your Theme Forest account and create a Envato private token for future updates.

    Best regards,
    Mike

    in reply to: Dynamic link (page) #1407320

    Hi,
    Are you using a plugin like WordFence? This plugin has an option to hide the theme editor. Enfold doesn’t have an option to hide the theme editor so try disabling all of your plugins to see if that helps.

    Best regards,
    Mike

    Hey guychalk,
    Try this css instead:

    #menu-item-search a:after {
      content: ' Search';
    }
    

    Best regards,
    Mike

    in reply to: Alternate page with correct canonical tag #1407308

    Hi,
    Thank you for your patience, I see that the error refers to pagination on your homepage: https://your-site.com?avia-element-paging=4
    but I don’t see any pagination elements on your homepage or on any other pages or category archives, so I don’t see where Google whould be crawing this url.
    It looks like your Yoast plugin adds the homepage as the canonical tag when the link is: https://your-site.com?avia-element-paging=4 so wouldn’t this be correct? The canonical tag is not pointing to the pagination.
    Best regards,
    Mike

    Hi,
    Thanks for your question but this patch is already in the current enfold\config-layerslider\config.php on line 743
    Enfold_Support_2058.jpeg
    If you mean that you have customized the patch to work for your situation then you can try adding the modified ‘config-layerslider’ directory to your child theme, but I don’t think this will work because the parent theme functions.php calls the ‘config-layerslider/config.php’ directly on line 106.

    Best regards,
    Mike

    in reply to: Database table for ENFOLD themesettings #1407306

    Hi,
    Glad to hear that you have this sorted out, 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

    Hi,
    Please go to Enfold Theme Options ▸ Google Services ▸ Google Maps ▸ Enable Google Maps on your site ▸ Disable Google Maps
    We will close this thread as it is quite out-of-date (2018) if you have further questions please open a new thread so we can assist.

    Best regards,
    Mike

    in reply to: Text transform & social media icon #1407304

    Hi,
    Thanks for your patience and the link to your site, in your Enfold Theme Options ▸ Advanced Styling I found that your H tags were set to use uppercase text transform:
    Enfold_Support_2056.jpeg
    I changed this to standard for you and added this css to your Quick CSS:

    .template-page .entry-content-wrapper h1,
    .template-page .entry-content-wrapper h2{
    	text-transform: none;
    }
    

    I don’t see an social icon in the topbar so I assume that you are asking to change your social icon to black before scroll, as it is black after scroll.
    So I added this css to your Quick CSS:

     #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
        color: #000;
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    Hey ballindigital,
    Thanks for your patience and the link to your site, to make the Add to Basket button lager and change it’s style you can try some css like this:

    #top.woocommerce-page .main_color .button[name=add-to-cart] {
    	 background-color: #ffd1ed;
    	 width: 200px;
    	 font-size: 16px;
    }

    Enfold_Support_2054.jpeg
    I’m not sure how you want to style the button, please explain further if you need more help with it.
    #2 where on the page do you want the second Add to Basket button, in the Description?
    #3 I don’t see a link to your example site, but even with only 4 images on mobile I don’t believe the info would be “above the fold” perhaps moving the images after the info on mobile would achieve what you would like? If so try this css:

    @media only screen and (max-width: 767px) { 
      #top.single-product .product {
      display: flex !important; 
      flex-wrap: wrap !important; 
      }
      #top.single-product .single-product-main-image {
          order: 2 !important; 
      }
      #top.single-product .single-product-summary {
          order: 1 !important; 
      }
    }

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

    Best regards,
    Mike

    in reply to: Sorting on Search Results Page #1407289

    Hi,
    Glad that Günter could clarify this for you, shall we close this then?

    Best regards,
    Mike

    in reply to: Tiktok feed showing in preview but not on website #1407288

    Hey sensiblekaren,
    Thank you for your patience and the link to your site, but the Tiktok code is working for me, please see the screenshot in the Private Content area.
    Perhaps your browser adblocker is hiding it?

    Best regards,
    Mike

    in reply to: Security Question #1407287

    Hi,
    Glad to hear that you have sorted out that moz-extension: and chrome-extension: is a result of the browser addon and that this code was injected by it.
    Shall we close this then?

    Best regards,
    Mike

    in reply to: Default sidebar css works only at top levels #1407286

    Hi,
    Thanks for your patience, I see that when on the first page all of the sub items are included in the background color:
    Enfold_Support_2048.jpeg
    so I assume that you want to follow this for the sub items, like this:
    Enfold_Support_2050.jpeg
    If correct try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .sidebar .widget_nav_menu ul .page_item_has_children.current_page_item,
    .sidebar .widget_nav_menu ul .current_page_ancestor {
      background:#EDF0F4;
      border-left: 5px solid #1D4776;
      padding-left: 51px;
      left: -51px;
    }

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

    Best regards,
    Mike

    in reply to: Fullwidth submenu sticky on mobile #1407285

    Hi,
    This solution is not working for you because your sub-menu is not at the top of your page as in this thread, so you will need some javascript to determine when the menu gets to the top of the page and then make it sticky.
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function mobile_sub_menu_sticky() { ?>
    <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($){
      	var width = $(window).width();
        var $stickyTop = $('#sub_menu1');
        if (width <= 767) {
        $stickyTop.waypoint(function(direction) {
          if (direction === 'down') {
             $stickyTop.addClass('sticky-top');
          }
          if (direction === 'up') {
             $stickyTop.removeClass('sticky-top');
          }
        }, {
          offset: '0%'
        });
        }
      })(jQuery);
    });
    </script>
      <?php
    }
    add_action('wp_footer', 'mobile_sub_menu_sticky');

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    Then this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .sticky-top {
    	position:fixed!important;
    	top:0!important;
    	z-index:600!important;
    }

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

    Best regards,
    Mike

    in reply to: tweaking hamburger mobile menu #1407283

    Hey JantienM,
    Thank you for your patience, for your first question about your burger menu if you selected to display submenu items on click, the parent menu item will no longer navigate to the URL it contains, but toggles the visibility of its submenu items. If you want users to be able to open the parent menu URL please use the Clone Title Menu Items To Submenu option.
    It is possible to replace the burger menu parent cloned menu item text to a different text so the menu item that toggles the sub-menu has a different text and the parent menu item with link to it’s page, this is the example function but it will need to be modified for your menu, let us know if you need help with this.
    #2 Can you share what css you used to change the space between the sub-menu items so we can advise.
    #3 If you want the logo behind the burger menu when it is open try this css:

    @media only screen and (max-width: 767px) { 
    	.av-burger-overlay-active .logo a {
    		 z-index: 0;
    	}
    }

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

    Best regards,
    Mike

    in reply to: Database table for ENFOLD themesettings #1407280

    Hey BeeCee,
    Thank you for your patience, I asked the Dev Team about this and they said:
    The main options array from options page is stored to “avia_options_%” where % is lowercase theme name (or child theme name) – see enfold\framework\php\inc-autoconfig.php $avia_base_data[‘prefix’]
    If theme is deleted, the options array is not deleted, as there seems to be no remove handler when deleting theme.
    In my test a new WordPress install with Enfold adds avia_options_enfold to the wp_options table, and then adding a child theme adds avia_options_enfold_child to the table:
    Enfold_Support_2046.jpeg
    These options are for both manual or imported options, removing the child theme doesn’t remove the table.

    Best regards,
    Mike

    Hi,
    Guenni007 it sounds like you have this sorted out now, shall we close this then?

    Best regards,
    Mike

Viewing 30 posts - 7,441 through 7,470 (of 34,913 total)