Forum Replies Created
-
AuthorPosts
-
January 22, 2023 at 3:04 pm in reply to: Individual height of tab sections not active on mobile screen size #1394700
Hey Vera,
Thanks for your patience and the link to your site I have checked with my browser Dev Tools and my Android device and the solution seems to be working, please see the screenshot in the Private Content area. You could try changing the wait time for the script to work, it was set to 300 milliseconds

try changing it to 500, or 700, or 900 all of which is still less than a second.
If this doesn’t help addconsole.log("click");to it so we can see if it is consistently clicking, it will add a message to the browser console log.
This is how you would add it:function custom_portfolio_tab_click() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($) { if ($(window).width() < 768) { setTimeout(function(){ $("#top.single-portfolio #av-tab-section-1").find('a.av-active-tab-title').trigger("click"); console.log("click"); },500); } else {} }(jQuery)); }); </script> <?php } add_action('wp_footer', 'custom_portfolio_tab_click');Best regards,
MikeHi,
Thank you for your question, according to our documentation the Special Character Translation plugin only supports:###lt### => < ###gt### => > ###91### => [ ###93### =>']If you want to add the amp you can edit the plugin and add this code after the others after line 45:
'###amp###' => '&'
or uninstall and delete the plugin from your site and install this custom one instead.
If this doesn’t change your amp please link to it so we can help with some css.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, 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 4:36 am in reply to: Enfold Shop Template on Mobile – No filter options #1394682Hey Jason,
Thanks for your question, on our demo site I don’t see any shop filters in the mobile menu, only links to pages, the filters are in the shop page below the header:

This is the basic woocommerce shop page, there are no elements added to this page, the filters are automatic and the page is set at WooCommerce ▸ Products ▸ Shop pagesBest regards,
MikeHey annevoelkel,
To remove that category from the breadcrumbs please use code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter( 'avia_breadcrumbs_trail', 'remove_category_from_breadcrumb', 50, 2, ); function remove_category_from_breadcrumb( $trail, $args ) { if ( is_single() ) { unset ($trail[2]); } return $trail; }Without this function the breadcrumbs will show the category:

With the function the category is removed:

Best regards,
MikeHi,
Thanks Chris but it would be better to open a new thread since your site is in maintenance mode and we will need a login to view you page and the layout. Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area. Thanks for understanding.Best regards,
MikeHi,
Thanks for helping Guenni007, elsmore01 if you have any further questions about this please let us know.
Otherwise, if you what to open a new topic we will gladly try to help you.Best regards,
MikeHi,
I have summited this as a feature request, 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,
MikeHey schweg33,
Yes these can be formatted with css, do you plan on adding more items, I only see five links in a single column?
A basic example for this on this page only for color and font-size on desktop and mobile:@media only screen and (max-width: 767px) { #top.page-id-10827 .avia-table-1 li a { color: red; font-size: 30px; } } @media only screen and (min-width: 768px) { #top.page-id-10827 .avia-table-1 li a { color: blue; font-size: 40px; }Please adjust to suit.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
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.

After you update you will need to go to your Theme Forest account and create a new Token for future updates.Best regards,
MikeHey engage24,
Thanks for your patience and the link to your site, to make all of the titles in the portfolio grids the same height I added this code to the end of your child theme functions.php file in Appearance ▸ Editor:function equal_height_portfolio_grid_titles() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#av-sc-portfolio-1 .grid-sort-container').each(function(){ var $columns = $('.grid-entry-title',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_portfolio_grid_titles');and this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to center the titles:
.grid-entry-title { align-items: center; display: flex; justify-content: center; }This is the result:

Please clear your browser cache and check.Best regards,
MikeHey Elena,
Thanks for your question, I tested your code above but it would not run on my test site and would give no output.
Typically you need to use ob_start(); and ob_end_clean(); to show any output.
I don’t think you can get the category from a url
$curr_post_id = url_to_postid( "https://".$url );
$category = get_the_category( $curr_post_id);Best regards,
MikeHi,
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,
MikeHi,
@sarthakchoudhary I tried to create a 3 flip box row as an example to understand what you want to achieve in regrades to “space” between the flip boxes, I used the Inverse Layout to show the backsides and due to the padding they seem to have space between them.

If I add a background color it then seems like there is no space:.avia-icongrid-flipback { background-color: lightgray; }
To give it some space in this situation change the margin like this:.avia-icongrid-numrow-3 .av-icon-cell-item { flex: 0 1 32%; }
If this doesn’t help please explain with more detail and link to a test page and perhaps a screenshot would help.Best regards,
MikeJanuary 21, 2023 at 10:04 pm in reply to: How would I achieve the Parallax look (plus a little more) #1394660Hi,
If the Revolution Slider is set to Full-Screen it will be full height even if you pick a different height, so choose Full-Width and set 600px height for it to work, I did this for you.

If you don’t want the boxes to move then don’t use the Parallax Rules setting, I see that you are not using this on your new set of boxes, but to have it over your slider you still need to your the negative margin in the Rows Margin in the first column like we explained above, I did this for you and hide the original columns that you are not using.

Please clear your browser cache and check.Best regards,
MikeHi,
Thanks for your patience and the link to your site, I found that the sliders where visible on Mac Safari, Chrome, Firefox. But not visible on Windows in Chrome, Firefox, & Edge.
I exported two of your slider to my demo site and the same was true only for your sliders. I found on your sliders the option LayerSlider ▸ Project Settings ▸ Mobile ▸ Hide On Mobile was enabled and this hid the sliders on Windows.

I made this change on your site for the homepage slider 2021 slider and now it shows on Windows, please try to make this change for your other slides.
I have let the team know about this so we can let the LayerSlider team know as it seems to be an issue in the LayerSlider.Best regards,
MikeJanuary 21, 2023 at 1:21 pm in reply to: Remove vertical white line on right side of transparent header #1394630Hi,
I imagine that you want the font-size to change for both before and after scroll so try this:#top #avia-menu .sub-menu a { font-size: 14px; font-weight: 600; }and to align the text to the top is addressed by removing the top padding:
#top #avia-menu .sub-menu a { padding-top: 0; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey sarthakchoudhary,
Please see our documentation: Image logo with subtextBest regards,
MikeHey Christopher,
Thanks for your question, please try this css for the specific page that you linked to in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field.html_header_transparency #top.page-id-6 .avia-builder-el-0 .container { padding-top: 0; }Best regards,
MikeHi,
Ok, but to point out what I’m seeing again, the columns in the tabs like on your page called shortcodes is fine, but the code in the tabs on the error page has 80 div’s, 4 of which is unclosed and most are empty, as in the screenshot above.
This is not the case on your page called shortcodes, I assume that you setup the original layout and someone else has been trying to follow your layout and in their copy/paste added all of these extra broken div’s, that is where the problem is.
Or another way this could occur is if you were copying the tables from another page/site on the frontend and not the source code, and then pasteing into the tabs in the visual mode of the text element in the tabs instead of the text mode the text element in the tabs.
The visual mode of the text element will add formating from the clipboard.

Best regards,
MikeHi,
Thanks for your feedback, for the page in the Private Content area that has the orange li, it is caused by the following css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field.avia_textblock ul li { color: #ffa600!important; }this css was about halfway down, at the top you had the same rule but with a gray color:
.avia_textblock ul li { color: #b5aaa8!important; }So I commented out the orange rule.
and now the li is grey, please clear your browser cache and check.
Please see the screenshot in the Private Content area.Best regards,
MikeJanuary 19, 2023 at 10:25 pm in reply to: Make link to anchor in mai menu work on mobile devices #1394465Hi,
To change the desktop version of the ID about to a different ID when the mobile menu is clicked so the mobile version of the ID about can be used for the anchor of the mobile menu try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function change_desktop_about_id_for_mobile() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('.avia_mobile').on('click', '.av-burger-menu-main', function() { var aboutDesktop = $('#about.av-small-hide'); $('#main').find( aboutDesktop ).prop('id', 'desktop_about'); }); }(jQuery)); }); </script> <?php } add_action('wp_footer', 'change_desktop_about_id_for_mobile');Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeJanuary 19, 2023 at 8:13 pm in reply to: Remove vertical white line on right side of transparent header #1394464Hi,
As I understand your request, when your header is transparent you want the sub-menu item for “Services” to also be transparent,
Please try this css:#top .av_header_transparency #menu-item-16705 .sub-menu, #top .av_header_transparency #menu-item-16705 .sub-menu li, #top .av_header_transparency #menu-item-16705 .sub-menu a { background: transparent !important; box-shadow: none !important; color: #fff; border: none; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thanks for explaining the reason behind the product titles, I don’t believe that this html in the product titles is causing an issue with the tabs, I believe the html in the tags is the cause. I bring up the product title html because it may be a risk if someone edits the title and accidentally removes one of the closing tags, please just keep this in mind and maintain backups.
For the tabs, I looked at the draft page called shortcodes and this shortcode and html looks pretty clean with no unclosed div’s so this should be fine to use in a tab.
But the code in the other page with the unclosed empty divs needs to be corrected to look like your shortcodes page.

Best regards,
MikeHey Andrea,
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.

After you update you will need to go to your Theme Forest account and create a new Token for future updates.Best regards,
MikeHi,
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,
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,
Thanks for the login, the product page you linked to has HTML in the page title:<strong><span style="color: #0066b3;">Premium</span></strong> Pre-Formed Cuff<br>$89.99</br>I would recommend against this practice, you can use css to change this on the frontend, but I’m not sure where you expect this to show since you have page titles disabled in the theme settings. I see that all of your products are like this:

For the Tab Test Page that you created, is definitely broken as the tabs are not selectable and at the bottom in the backend and the red box should not be there. I tried coping it to my demo site but couldn’t fix it.
There are 81 <div but only 77 </div so that means there are 4 unclosed div’s there are also Unicode Characters in the page code which was probably added when you copied and pasted from wherever you copied the code from.
The page also contains empty divs with classes such as page, section, layoutArea, column

these serve no purpose and I recommend removing them.
For this page you should start over and add the tabs one at a time and check the html carefully, there is no easy fix for this.
Best regards,
MikeHi,
When I test your page the menu highlighting seems to work but some of the lower sections are not very high so sometimes two sections will show at once and the menu will highlight the lower second on desktop.
Try making each second 100 percent high so when you click on a menu item the section will fill the screen.

Best regards,
MikeHey evabo,
Thanks for the link to your site, to not use the mobile menu and to have a transparent header on mobile please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field@media only screen and (max-width: 767px) { .responsive #top .av-main-nav .menu-item-avia-special { display: none; } } @media only screen and (max-width: 767px) { #top #header .av-main-nav > li.menu-item { display: block!important; } } @media only screen and (max-width: 766px) { .responsive #top #main {margin-top: -80px!important;} #top #wrap_all .av_header_transparency {background-color: transparent!important;} div#header_main > .container {display: block !important;} }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.Best regards,
Mike -
AuthorPosts
