Forum Replies Created

Viewing 30 posts - 7,711 through 7,740 (of 35,189 total)
  • Author
    Posts
  • in reply to: Move Grid Row upwards for mobile device #1407436

    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: Applying an aside caption #1407433

    Hi,
    Glad to hear, let us know if this helped and we will close this thread.

    Best regards,
    Mike

    Hi,
    I assume that you mean that you had more than the two Layout Builder Templates that are currently showing, try checking with your webhost to see if you can roll back to a previous backup and restore it.

    Best regards,
    Mike

    Hey John,
    Thanks for the link to your site I see on your Enfold Theme Options ▸ Import/Export ▸ Export Layout Builder Templates you have two templates, I exported them to my test site and they work correctly. So I don’t believe there is a issue with the templates themselves. I recommend disabling all of your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
    I see that you also have the elementor installed, we do not recommend mixing other builder with the Advanced Layout Builder, if you have more Layout Builder Templates that are now lost and they included other builder elements then they may have been corrupted.
    If this is not the case but you still have lost Layout Builder Templates try checking with your webhost to see if you can roll back to a previous backup and restore it. Then export your Layout Builder Templates to your computer as a backup. Then you can disable your plugins and update your theme and check if your Layout Builder Templates are working. Then enable your plugins one at a time to find the conflict.

    Best regards,
    Mike

    in reply to: Move Grid Row upwards for mobile device #1407396

    Hi,
    Thank you for the link to your site, I believe the grid row you are referring to starts with the text “250 Happy Clients” and the space above it on mobile is due to bottom padding from the element above it, so try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
    	#top.page-id-330 #av_section_6 > .container > .content {
    		padding-bottom: 0;
    	}
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area.

    Best regards,
    Mike

    in reply to: horizontal gallery with title below images in 2 row #1407395

    Hey fabioque,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .av-horizontal-gallery-wrap .text-under-image {
        width: 400px;
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: break-spaces;
    }
    

    adjust the width “400px” to a width that will be good for your items, you have some items smaller than 400px but this seems to work for most of your items. You can’t use a percentage so it needs to be a fixed width.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    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 #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: 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: 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

Viewing 30 posts - 7,711 through 7,740 (of 35,189 total)