Forum Replies Created
-
AuthorPosts
-
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,
MikeHey 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,
MikeMay 14, 2023 at 10:17 pm in reply to: Sidebar displaying below blog content and testimonials formatting off #1407375Hey 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,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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:

these can be moved in the product variations in the backend by draging them:

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,
MikeHey 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:

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:

and for tablet and above the text offset will be consistent:

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,
MikeHey 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:

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:

and for tablet and above the text offset will be consistent:

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,
MikeHey 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,
MikeHey Massimo,
Do you see any error messages?
Perhaps your localhost doesn’t have the PHP ZipArchive Extension enabled, see this thread.Best regards,
MikeHi,
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,
MikeHi,
Thank you for your patience, the curtain effect is disabled for mobile devices, as Ismael pointed out this feature is in beta.Best regards,
MikeHi,
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,
MikeHi,
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,
MikeMay 13, 2023 at 11:25 pm in reply to: I need to make the word “Search” open the ajax search form #1407318Hey guychalk,
Try this css instead:#menu-item-search a:after { content: ' Search'; }Best regards,
MikeHi,
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,
MikeMay 13, 2023 at 10:05 pm in reply to: Forcing LayerSlider on Posts Without [LayerSlider] shortcode in Content #1407307Hi,
Thanks for your question but this patch is already in the current enfold\config-layerslider\config.php on line 743

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,
MikeHi,
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,
MikeMay 13, 2023 at 9:36 pm in reply to: Multiple Google Maps JavaScript API inclusions error in custom post type #1407305Hi,
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,
MikeHi,
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:

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,
MikeMay 13, 2023 at 9:09 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1407300Hey 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; }
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,
MikeHi,
Glad that Günter could clarify this for you, shall we close this then?Best regards,
MikeHey 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,
MikeHi,
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,
MikeHi,
Thanks for your patience, I see that when on the first page all of the sub items are included in the background color:

so I assume that you want to follow this for the sub items, like this:

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,
MikeHi,
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,
MikeHey 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,
MikeHey 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:

These options are for both manual or imported options, removing the child theme doesn’t remove the table.Best regards,
MikeMay 12, 2023 at 6:19 pm in reply to: on Mega Menu show in front of list points the featured image #1407259 -
AuthorPosts


