Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear this helped, the image for “What’s the catch” is smaller than all of the others, please try correcting the image size by uploading a new correct image, it would be better than adding another script to adjust all of the images when only one is different.Best regards,
MikeHi,
To center the content in the 1/3 columns on mobile try this css:@media only screen and (max-width: 767px) { .responsive #top .sc-av_one_third .flex_column_table_cell.av_one_third{ display: flex; justify-content: center; flex-direction: column; } }After applying the css, please clear your browser cache and check.
Also please check the other pages on your site to ensure that this css and the custom script to make the columns have equal height and width is not causing any issues elsewhere, if so I recommend adding a custom class to these round elements on your homepage. Is this the only place you are going to use them or do you plan on using them also on other pages?
As for their size, on mobile columns are set to be full-width, if you want them smaller we can assist but how much smaller do you want them to be?Best regards,
MikeHi,
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,
MikeHi,
I’m Glad to hear that you have this sorted out with the bog breadcrumbs, with this in mind I logged into your test site to check the empty breadcrumb issue with woocommerce products and I found that in the woocommerce settings woocommerce ▸ products ▸ Shop page no page has been set

I selected your e-shop page and now the breadcrumbs are correct.
I also checked my demo site for our shop demo, and it also has a shop page selected, so this seems to be the solution.
Please adjust to suit, then clear your browser cache and check.Best regards,
MikeHi,
Thanks for the login, I see that you added the PHP function to the plugin Simple Custom CSS and JS as a CSS code snippet:

That is why it didn’t work, the Simple Custom CSS and JS plugin doesn’t allow PHP snippets, so I moved the snippet to the WPcode plugin that I see you had installed.
I then added tiktok to your social profiles, but you will need to adjust the URL to yours.
Now the icon is showing, please clear your browser cache and check.

It is also available as a icon in your elements:

Best regards,
MikeHi,
thanks for the link to your new blog site, I see the breadcrumb error on your post there:

When I switch to the parent theme this is resolved:

Give this a try, I was not able to isolate the function in your child theme functions.php causing this, perhaps you have other customizations that I’m not aware of?Best regards,
MikeHi,
Thanks for the screenshot, from it we found your domain and when we check we see that you are using v4.0.7
Please update to v5.4
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
MikeJanuary 25, 2023 at 12:42 pm in reply to: Split menu with centered logo through quick css – can’t click logo now #1395134Hey padclip,
Thank you for the link to your site and the screenshot, try adding this css:#header_main .logo { z-index: 3; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Please try this function instead:function make_column_height_equal_to_width() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($) { $(window).on("debouncedresize", function() { $(".sc-av_one_third").each(function() { var column = $(this).find(".av_one_third"); var width = column.width(); column.height(width); }); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'make_column_height_equal_to_width');Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey jeel147,
The best way to do this is the duplicate the element with the image below the original, then change the image to the new one.
Then go the advanced tab in the element and set the Element Visibility to only show on mobile and tablets, and then change the Element Visibility on the original element to not show on mobile and tablets.Best regards,
MikeJanuary 24, 2023 at 7:46 pm in reply to: Remove vertical white line on right side of transparent header #1394991Hi,
Try this css:.av-main-nav ul.sub-menu { top: 65%; }65% will put the sub-menu item right under the main menu item, adjust to suit.
Best regards,
MikeJanuary 24, 2023 at 7:36 pm in reply to: Theme registration, Envato, Personal token don't work #1394990Hi,
Thanks for sharing, it looks like Envato support recommends downloading the latest version from your Envato account as Ismael did. Hopefully, they will be able to assist you with your Tokens.
There is an easier way to manually update than FTP, you can download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
MikeJanuary 24, 2023 at 7:29 pm in reply to: Sidebar issues with Woocommerce product page + Page Templates #1394986Hi,
Thanks for the feedback, for some reason your post on the 17th didn’t show on my feed so I’m glad that you added another post.
Thanks for the explanation, so originally you had created products with the Advanced Layout Builder and now you are going to import 2k more products in bulk which will make them default Woocommerce single product page layout.
So the short answer is no, you can not create a layout with the ALB and have it as the default Woocommerce single product page layout.
Above you asked how to add 5 column related products to your product pages, this should add the related products in the place that you want them, did you try it?
I couldn’t test because your sandbox site doesn’t allow the child theme functions.php to be edited.
Try the function to add the new related products and then add the css to hide the old one in the alternate content area.Best regards,
MikeJanuary 24, 2023 at 1:10 pm in reply to: Remove vertical white line on right side of transparent header #1394914Hi,
If you followed the steps above carefully and copied the code from the forum and not an email notification, and still can’t achieve this then please include an admin login in the Private Content area below so we can assist.Best regards,
MikeHi,
Try using the Fullwidth Easy Slider element, or the Fullscreen Slider element.Best regards,
MikeHi,
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,
MikeHi,
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,
MikeHi,
There probably is a way to do it I just don’t think that you can do it that way, but I think that this is over my head.
Unfortunately, I couldn’t get your code to work on my site so I couldn’t tinker with it, I’m glad it works on your site.
I’d like to see this work, but we are probably going to need more advanced help, I would recommend posting it on Upwork.comBest regards,
MikeHi,
Glad this helps, the breadcrumbs for posts are for their relationship to the blog.
Pages are shown the breadcrumbs in their relationship to their parent page.
I don’t see where you could have a mix of pages and posts.Best regards,
MikeHi,
Thank you for the link to your site, I have reviewed your two pages and found that you are usingname="anchor"for your anchor links.
The name attribute on the a element is obsolete. For quite some time now using the ID as the anchor link has been the standard.<h3 id="anchor">
The name attribute will still work but the theme looks for ID anchor links and applies a offset to the scroll to account for the header, it also slows the scroll some so it’s not a hard jump to the element.
I adjusted your /data-protection/ page because there was only 4 links and so you could see the result.
So for example using your Individual Clients anchor, you had:
<h3><a style="font-size: 16px; background-image: url('img/anchor.gif');" name="individuals"></a>Individual Clients</h3>
but the correct method is:
<h3 id="individuals"><a style="font-size: 16px; background-image: url('img/anchor.gif');"></a>Individual Clients</h3>
Please clear your browser cache and review the page and apply the changes to your other pages.
Also I don’t know why you are usingbackground-image: url('img/anchor.gif');on your anchors it is making your site give 404 errors, I imagine that you copied this code from somewhere and didn’t include the image to your site, I recommend removing all of these from your site.Best regards,
Mike-
This reply was modified 2 years, 10 months ago by
Mike.
Hey rixi,
For the page linked below you should follow this thread to enable a local open sans font.Best regards,
MikeJanuary 22, 2023 at 10:53 pm in reply to: How would I achieve the Parallax look (plus a little more) #1394721Hi,
Typically this occurs when you download the wrong zip file from Theme Forest there are two to choose from, please check again that you are downloading the installable WP versionBest regards,
MikeHey rixi,
Thank you for the link to your site, to make the cells in all of your tables equal height for this one page only try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function equal_height_table_cells() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#top.page-id-1292 .avia-pricing-table-container').each(function(){ var $columns = $('li',this); var maxHeight = Math.max.apply(Math, $columns.map(function(){ return $(this).height(); }).get()); $columns.height(maxHeight); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'equal_height_table_cells');and add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to center the text in the cells:
#top.page-id-1292 .avia-pricing-table-container li { align-items: center; display: flex; justify-content: center; }After applying the css, please clear your browser cache and check.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please see the screenshot in the Private Content area of the expected results.Best regards,
MikeHi,
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,
MikeJanuary 22, 2023 at 8:42 pm in reply to: Theme registration, Envato, Personal token don't work #1394715Hi,
Thanks for the update, we will leave this open to hear back from you.Best regards,
MikeHi,
Thank you for your patience and the link to your site, I changed the function to show the widget in the header that was in your child theme functions.php to this:add_action( 'ava_main_header', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { dynamic_sidebar( 'header' ); }and then I added this function in your child theme functions.php to move the notification area above the top bar:
function add_top_notification_widget() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($) { $('#header_main .widget').detach().insertBefore('#header_meta'); })(jQuery); }); </script> <?php } add_action('wp_footer', 'add_top_notification_widget');and I added this css to your child theme stylesheet:
/* Notification bar */ .responsive #top #header .widget>div { display: flex; justify-content: center; align-items: center; align-self: center; line-height: 14px; padding: 0 10px; background: gold; width: 100vw; position: relative; z-index: 1; left: 50%; transform: translateX(-50%); } .responsive #top #header .widget>div>p { margin: 0; padding: 7px; } .responsive #top #header .widget { padding: 0; }and after clearing your cache this is the result:

I was not sure if you wanted it to show because you had the widget hidden, so I hid it when I was done, so please un-hide to check.

Best regards,
Mike -
This reply was modified 2 years, 10 months ago by
-
AuthorPosts


