Forum Replies Created
-
AuthorPosts
-
December 5, 2021 at 1:48 pm in reply to: Woocommerce + Enfold Theme:Mobile ViewIt's possible to move Sidebar view on top? #1331594
Hi,
Sorry, I was not saying that you edited any files, I was saying that this seems to be from the layerslider which is a plugin and I would not recommend making changes to it for this “warning” that only shows in Firefox. A “warning” is not a “bug”.
I recommend ignoring it and allowing the layerslider author to adjust it in their future updates.Best regards,
MikeHi,
Thank you for the link to your site, it looks like the warning is pointing to this css from the layerslider:.clearfix{zoom:1}
I would not recommend editing any files from the layerslider, at this time it is a warning which I don’t see in Chrome or Edge so I recommend ignoring it and allowing the layerslider author to adjust in their updates.Best regards,
MikeHi,
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_single_excerpt', 5);Best regards,
MikeHi,
Very good, we will leave this open to hear back from you, once this is solved please let us know so we can close it.Best regards,
MikeDecember 4, 2021 at 11:16 pm in reply to: Enfold and Paid Memberships Pro issue with blog posts element #1331577Hi,
Thank you for your patience, I had not used PMP before but I installed the free version on the demo site and created 3 levels, and assigned three blog posts to the three levels with the fisrt level only having access to one post, the second level assess to two posts and the third level having access to all three posts.
I let the plugin setup all of the account pages and made all of the accounts free so that I could test without spending hours setting options, so in the end the levels showed the expected number of posts and when I canceled my levels I didn’t see any of these posts. So I would say that a test on Enfold with no other plugins worked correctly.
I do see that on your site the basic level only shows the publicly viewable post

and the same for the intermediate level only shows the publicly viewable post

only the toptier shown all posts.

but on my test site I didn’t have the account page showing the posts, I only saw the posts on the blog page so perhaps there is only an error in how these account pages were created, try creating a blog page with all four posts on it and see if it changes correctly depending on the login.
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 Stephen,
Typically this occurs when you do not have the PHP ZipArchive Extension installed on your server, you can check by going to LayerSlider ▸ System Status ▸ Server Settings

if you have a red X then ask your webhost to install or activate it.
Another possibly is that the zip you are uploading is not the theme install zip but the theme & documentation zip which has other files included, check that ther are on other zip’s in your zip file.Best regards,
MikeHi,
Thank you for the screenshot, when I check your button I see two issues, in this screenshot you see the green area is the right padding from the button and the white area is from the av-logo-container only has 96% width:

so to remove the right padding from the button use the css:#menu-item-535 > a { padding-right: 0; }to give av-logo-container 100% width, use this css:
.html_header_top #top .av_header_stretch .container { width: 100%; padding: 0; max-width: 100%; }then your button will be all the way to the right, but your logo will also be all the way to the left unless you add the css:
.logo.avia-standard-logo { padding-left: 20px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad Yigit 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,
MikeDecember 4, 2021 at 8:53 pm in reply to: "Solution" is appearing twice in the mobile version #1331571Hey joseph_haddad,
Thank you for the link to your site, on your desktop version of your menu the parent menu item Solutions is also a link to the /solutions/ page, when you hover over this you see a drop down, mobile devices don’t have the ability to hover so the tap can only be used to expand a drop-down or trigger a link.
Your options are available at Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu ▸ Clone title menu items to submenu ▸ Do not create a clone

Best regards,
MikeHey sitibus,
Thanks for your question, but for a few years now auto-playing audio and videos have been blocked by most browsers, it is considered bad form, there are hacks around this but they are not reliable across all browsers, there are probably some plugins that will do this and they would be your best option.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,
MikeDecember 4, 2021 at 8:10 pm in reply to: Position footer and socket at the bottom of the page #1331566Hey boyan89,
For low content pages you will need to set the content area height to force the footer down, Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#main > div.container_wrap { min-height: 80vh !important; }typically 80vh works but you didn’t link to your page so I couldn’t test.
In our test demo the sidebar border reaches the bottom, please link to your page so we can examine.Best regards,
MikeDecember 4, 2021 at 6:49 pm in reply to: Woocommerce + Enfold Theme:Mobile ViewIt's possible to move Sidebar view on top? #1331549Hi,
Thank you for your question, the above css is for a single product page with a sidebar, but I didn’t find one on your site.
Your screenshot is to a shop page not a product pagehttps://dev. YourSite .com/boutique/replace YourSite with your actual domain.
so your question is relevant to the thread you linked to and not this thread. Please note that since this is not your thread you will not see anything we write in the Private Content area, it is better to open a new thread.
But I will try to help, so the issue is that on mobile the sidebar is hidden by default and it contans left padding for the desktop version, so for mobile you need to remove the padding also, like this:@media only screen and (max-width:767px) { .responsive #top.woocommerce-shop #main .sidebar { display: block; } .responsive #top.woocommerce-shop #main .sidebar_left .content { padding-left: 0; } .responsive #top.woocommerce-shop #main .sidebar_left .sidebar { border-right-style: none; } }For a single product page the css should be like:
@media only screen and (max-width:767px) { .responsive #top.single-product #main .sidebar { display: block; } .responsive #top.single-product #main .sidebar_left .content { padding-left: 0; } .responsive #top.single-product #main .sidebar_left .sidebar { border-right-style: none; } }but I didn’t find one on your site to test, if this doesn’t help then please open a new thread with a link to your single product page with a sidebar so we can assist with an updated solution, this will also help future users with finding the solution.
Best regards,
MikeHi,
To have a Scroll Up to Next Section Arrow try pasting this is a code block element at the top of your color section:
<a href="#intro" title="" class="scroll-up-link av-control-hidden" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>
adjust the link to the custom ID of the section above #intro please note that every ID can only be used once on a page, so every arrow needs a different link.
Then add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#top .scroll-up-link { height: 60px; width: 80px; margin: 0px 0 0 -40px; line-height: 60px; position: absolute; left: 49.85%; top: 0px; color: #FFF; text-align: center; font-size: 70px; z-index: 100; text-decoration: none; text-shadow: 0px 0px 3px rgb(0 0 0 / 40%); -webkit-animation: custom_fade_move_up 2s ease-in-out infinite; animation: custom_fade_move_up 2s ease-in-out infinite; } /*animated arrow animattion*/ @-webkit-keyframes custom_fade_move_up { 0% { -webkit-transform:translate(0,20px); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,-20px); opacity: 0; } } @keyframes custom_fade_move_up { 0% { transform:translate(0,20px); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,-20px); opacity: 0; } }Then clear your browser cache and any cache plugin, and check.
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,
MikeDecember 4, 2021 at 1:56 pm in reply to: Custom Fontello Icon not showing up but instead pencil icon #1331539Hey Robeare,
Thank you for the link to your site, I believe your function should look like this:// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['icon-google'] = array( 'font' =>'fontello', 'icon' => 'uf1a0'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['Google'] = 'icon-google'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);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 Susanne,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#footer h3.widgettitle { font-size: 10px; }and adjust the font size to suit, then clear your browser cache and any cache plugin, and check.
If this doesn’t help please include the url to your site so we can take a closer look.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,
Thank you, for the cart on a transparent header I added this:@media only screen and (min-width: 767px) { #top .av_header_transparency .av-main-nav ul#menu-item-shop a.cart_dropdown_link span:before { color: #fff; } }For the menu spacing I added this css:
@media only screen and (min-width: 767px) { .html_cart_at_menu.html_header_searchicon #menu-item-search.menu-item-search-dropdown { padding-right: 0; } }
Please clear your browser cache and check.Best regards,
MikeHi,
Glad this helped, for simple bold you would use ‘montserrat’ with a font-weight of bold or 700, please note that in the theme the font is writen in small case:#top #wrap_all .main_color h3 { font-family: 'montserrat'; font-weight: bold; }
but this is the regular font with bold applied, there is another ‘montserrat-bold’ that is available from Google Fonts that is wider without using a font-weight.

I assumed you might be looking for this one so I uploaded it to your Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager as before and you can use css like:#top #wrap_all .main_color h3 { font-family: 'montserrat-bold'; }Then clear your browser cache and any cache plugin, and check.
Please note that I see you are trying to change your heading fonts with css by only using the heading, such as h3 {font-size: 24px; font-family: ‘Montserrat’}
I found this in your Quick CSS:h1 {font-size: 50px} h2 {font-size: 48px; font-family: 'Playfair Display'; color: #00469e;} h3 {font-size: 24px; font-family: 'Montserrat'} h4 {font-size: 20px; font-family: 'Montserrat'} h5 {font-size: 14px; font-family: 'Montserrat'; color: #164991} h6 {font-size: 12px; font-family: 'Montserrat'}this will probably not be enough in some cases because the theme uses two IDs and a class for most headings, like this: #top #wrap_all .main_color h3 so the specificity is much higher, if you find you are having trouble overwriting a style try adding more specificity
Best regards,
MikeDecember 3, 2021 at 3:46 am in reply to: How to create a dynamic webpage where elements open content in the same page #1331376Hi,
Hopefully you will be able to sort this out with the plugin, or you could hire a freelancer. 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,
MikeDecember 3, 2021 at 3:42 am in reply to: Disable/hide meta infos only on post, but still show them on blog post element #1331374Hey AgenturLanzinger,
As I understand your question this can be done with css display:none, if you can link to an example blog post where you want the date & author hidden and to a page where the blog element is used and you want the date & author to continue to be shown we can assist.Best regards,
MikeHey Kyle,
Thanks for the link to your site but the login didn’t work for me, nonetheless try this function in your functions.php instead:function popup_inline_with_no_scroll() { ?> <script> (function($) { $(window).on('load', function(){ $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action("wp_head", "popup_inline_with_no_scroll");Then clear your browser cache and any cache plugin, and check.
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 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,
Please try this css instead:#top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-42 > a:hover .avia-menu-text { color: #ffcc5e; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad this helped, I was not able to view your new site because the password seems incorrect, but the gap around the cart is set by the padding in the css above, so you could try adjusting that, on the test site the spacing seemed good, perhaps you have some other css affecting the menu items?
Best regards,
MikeHi,
Thanks for the login, I found that you had an ending PHP tag in your child theme functions.php, I removed it and was able to add the script. I removed it because your main menu doesn’t look the same as when I wrote the script, if you plan to restore it as it was you can now add the script again and test.Best regards,
Mike -
AuthorPosts


