Forum Replies Created
-
AuthorPosts
-
Hey Vladimir,
I see the site is using Enfold v4.5, this is not PHP v8.3 compatible.
You will need to update the v5.6.10 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.
If you can not login to the Theme Forest account with the update files then you will need to purchase again and create a account that you can access.Best regards,
MikeJanuary 28, 2024 at 10:13 pm in reply to: WooCommerce Mobile Menu, Profile, and Cart icons over lapping logo #1432310Hi,
Sorry I thought you were talking about the text showing though, If you feel that this css works for mobile then you should wrap it in a media query so it only works on mobile, like this:@media only screen and (max-width: 767px) { .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { position: absolute !important; right: 0px !important; } .responsive.html_bottom_nav_header #top #menu-item-shop.cart_dropdown { position: absolute !important; right: -45px !important; } }
Best regards,
MikeJanuary 28, 2024 at 9:59 pm in reply to: Mega Menu with Images – Not Fullwidth & Leaving Empty Space #1432309Hey Eleina,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#header .twelve.units { width: 1450px!important; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience, but the login that you posted above doesn’t work for this site so we can’t see the settings for the page.
Please ensure that you have added a Product Image to the product, and if it still doesn’t show try disabling your plugins to see if there is a conflict.
Otherwise please include an admin login in the Private Content area so we can investigate further.Best regards,
MikeHey 4pfelmus,
Does this occur when you enable the parent theme and disable the plugins? If so please include an admin login in the Private Content area so we can investigate this further.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,
MikeHi,
To change the color of your button, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.cart .single_add_to_cart_button.button { background-color: #fc6c12; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey envis,
Is your screenshot from your Google Site Kit plugin? I am not familiar this this plugin or this screen. Try checking the plugin documentation or asking their support, perhap the plugin is looking for a specific class to be clicked? Or perhaps it doesn’t track logged in users?
When I check your contact form it gives the success message and I don’t see any error in the browser console, so it doesn’t seem to be a javascript error.
Typically the gtag function that I have seen people use is like this from their documentationfunction gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'TAG_ID/CONVERSION_LABEL', 'value': 1.0, 'currency': 'USD', 'event_callback': callback }); return false; }
and on the same documentation page it has examples for on-click triggers, this is a jQuery example for a form plugin button:
(function($) { setTimeout(function(){ $('#top.page-id-120 #nf-field-29').click(function() { gtag_report_conversion('https://your-site.com/client-sign-up/'); console.log('gtag_conversion_triggered'); }); },900); }(jQuery));
Best regards,
MikeJanuary 28, 2024 at 7:27 pm in reply to: WooCommerce Mobile Menu, Profile, and Cart icons over lapping logo #1432295Hey web4698,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu .av-main-nav-wrap { background-color: #fff; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad Rikard 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,
MikeJanuary 28, 2024 at 7:14 pm in reply to: target single page h2 h3 headings on mobile text-align #1432293Hi,
With this css that you added, the H3 will be for all pages:.page-id-503 h2, h3 { text-align: left!important; }}
if you want this css to say H3 for only page 503 then you should write it like this:
.page-id-503 h2, .page-id-503 h3 { text-align: left!important; }}
I would recommend using css that has enough specifically to not require !important;, like this:
@media only screen and (max-width: 767px) { #main.all_colors h3 { text-align: center; } #main.all_colors h2 { text-align: center; } .page-id-503 #main.all_colors h2,.page-id-503 #main.all_colors h3 { text-align: left; } }
Best regards,
MikeJanuary 28, 2024 at 5:12 pm in reply to: Avia Layout Architect not loading on page for latest posts #1432273Hi,
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,
MikeJanuary 28, 2024 at 5:05 pm in reply to: scroll-margin-top & scroll-padding-top css properties #1432271Hey keeslamper,
According to the Scroll Snap Model you need to use the scroll-snap-type property and the overflow needs to be scroll. I’m not very familiar with all of the settings for the elements or the parent elements, it is not used in the theme, but this article may help.
A few points that I found is that scroll-snap will not work with a fixed header and the scroll-snap-type & overflow needs to be on the html like this:html { scroll-snap-type: y mandatory; overflow-y: scroll; scroll-behavior: smooth; } #main > div { scroll-margin-top: 30px; scroll-snap-align: start none; }
But I believe that the smooth scroll js interfere with this css. I have ask the rest of the team for advise, Thank you for your patience.
Best regards,
MikeHi,
I added this css and it seems to have solved the issue, please clear your browser cache and check.@media only screen and (max-width: 767px){ .responsive #top #wrap_all #header { height: 47px; } }
Best regards,
MikeJanuary 28, 2024 at 2:21 pm in reply to: Header Layout: Logo left, Widgets right, menu below #1432262Hey cpages,
Thank you for pointing this out, please use this css instead:/************************************ Logo left, Widget center, widget right, menu below ************************************* CSS Settings: » Initiate Flexbox » Topbar » Header » Logo » Menu » Widget » Social icons » Search » Cart icon ***********************************/ /*-------------------------------- » Initiate Flexbox --------------------------------*/ /* Header */ .responsive #top #header, /* Top bar */ .responsive #top #header #header_meta, /* Search icon */ .responsive #top #header #menu-item-search a, /* Cart icon */ .responsive #top #header a.cart_dropdown_link, /* Social icon */ .responsive #top #header #header_main nav .social_bookmarks, /* Logo */ .responsive #top #header #header_main .inner-container .logo, /* Main menu, cart and social icons */ .responsive #top #header #header_main .inner-container .main_menu, /* Widgets */ .responsive #top #header #header_main .inner-container .widget:nth-child(3), .responsive #top #header #header_main .inner-container .widget:nth-child(4), /* Header inner container */ #top #header #header_main .container.av-logo-container .inner-container { display: flex; position: relative; } /*-------------------------------- » Topbar --------------------------------*/ /* Top bar */ .responsive #top #header #header_meta { flex-basis: 100%; } /*-------------------------------- » Header --------------------------------*/ /* Height outer container */ #top #header #header_main .container.av-logo-container { /* Do not change height here */ /* Auto height: Header takes the height of the contents */ height: inherit; line-height: inherit; } /* Header inner container */ #top #header #header_main .container.av-logo-container .inner-container { /* Define header height here */ height: inherit; position: relative !important; flex-wrap: wrap; /* Define header padding */ padding: 10px; justify-content: space-between; } /* Wrappers --------------------------------*/ /* Main header ( logo, menu, widgets ) and topbar */ .responsive #top #header { flex-wrap: wrap; } /* Logo, Menu, Social Icons and Widgets. */ .responsive #top #header #header_main { flex-basis: 100%; } /* Transparent header --------------------------------*/ .responsive.html_header_transparency #top #wrap_all #header { position: absolute; } @media only screen and (max-width: 767px) { .responsive.html_header_transparency #top #wrap_all #main { /* Define padding value for transparent header in mobile */ /*padding-top: 315px !important; */ } } /* Fixed header --------------------------------*/ .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header { position: fixed; } .html_header_sticky #top #header_main .container, .html_header_sticky #top .main_menu ul:first-child>li a { height: inherit !important; line-height: inherit !important; } /* Main content padding value should be same as the fixed header height. */ .html_header_sticky:not(.html_header_transparency) #top #wrap_all #main, .html_header_sticky #top #wrap_all #main { /* Define padding only if sticky header is active */ /*padding-top: 262px ; */ } @media only screen and (max-width: 767px) { .html_header_sticky #top #wrap_all #main { /* Define padding value for sticky header on mobile */ /*padding-top: 315px !important; */ } } /*-------------------------------- » Logo --------------------------------*/ /* Logo */ .responsive #top #header #header_main .inner-container .logo { order: 2; flex-basis: 33%; /*width: auto;*/ /* Define scalable min width of the logo on small screens */ min-width: 100px; z-index: 9; /* Define scalable max width of the logo on big screens */ /* Logo width: (auto | 100% | px ); Set auto to display the uploaded image size */ max-width: 180px; } /* Logo image size */ .responsive #top #header .logo, .responsive #top #header .logo a, .responsive #top #header .logo img { width: auto; /* Height specification is not required. It is proportional to the max width of the logo */ height: auto; align-items: center; align-self: center; justify-content: center; } /* Vertically center transparency logo */ .responsive #top #header .logo span img { position: absolute; top: 50%; transform: translateY(-50%); } /*-------------------------------- » Menu --------------------------------*/ /* Menu outer container: Menu with siblings cart and social icons */ .responsive #top #header #header_main .inner-container .main_menu { order: 5; /* Define menu width */ flex-basis: 100%; align-items: center; align-self: center; height: inherit !important; background: #f1f1f1; justify-content: center; margin-bottom: 20px; } /* Navigation */ #header .av-main-nav { display: flex; flex-wrap: nowrap; } /* Activate burger menu */ @media only screen and (max-width: 1100px) { #top #header .av-main-nav>li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } } @media only screen and (max-width: 767px) { /* Mobile menu position fix */ .responsive #top .av-logo-container .avia-menu { display: flex!important; align-items: center; } } /* Mega menu submenu position fix */ .responsive #top #header .avia_mega_div { /* Define megamenu submenu top value */ /* top: 300px; position: fixed; left: 50%; transform: translateX(-50%);*/ } /*-------------------------------- » Widget --------------------------------*/ /* Widgets */ .responsive #top #header #header_main .inner-container .widget { flex-basis: auto; padding: 0; clear: none!important; justify-content: center; align-self: center; align-items: center; z-index: 1; margin: 0 10px; } .responsive #top #header #header_main .inner-container .widget>div { width: 100%; line-height: 14px; padding: 0 10px; background: gold; } /* Widgets areas */ .responsive #top #header #header_main .inner-container .widget:nth-child(3){ order: 3; flex-basis: 33%; } .responsive #top #header #header_main .inner-container .widget:nth-child(4){ order: 4; flex-basis: 33%; } /*-------------------------------- » Social icons --------------------------------*/ /* Flex support and position fix */ .responsive #top #header #header_main nav .social_bookmarks { top: auto; margin-top: 0; align-items: center; } /* Inherit height for flex alignment */ .responsive #top .av-logo-container .social_bookmarks li { height: inherit; } /*-------------------------------- » Search --------------------------------*/ /* Your styles here */ /*-------------------------------- » Cart --------------------------------*/ /* Cart position fix */ #top #header #header_main #menu-item-shop a.cart_dropdown_link { height: auto; } @media only screen and (max-width: 767px) { .responsive #top #menu-item-shop.cart_dropdown { display: flex; align-items: center; } .cart_dropdown .dropdown_widget .avia-arrow { display: none; } }
We will correct the documentation.
Best regards,
MikeHey Dunckley_Design,
Thank you for your patience, you could try this css to open the magnificPopup full width, adjust to suit for your screen size.img.mfp-img { width: 1200px !important; max-width: 1200px !important; height: 1976px !important; max-height: 1976px !important; }
If this doesn’t help please include the url to the page in question so we can take a closer look.
Best regards,
MikeHi,
Thank you for your idea, if you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
We can’t add this from the support threads, unless there is anything else we can help with on this issue, shall we close this thread then?Best regards,
MikeHey northorie,
Typically a sticky header would be achieved with this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #header { position: fixed; } }
but if you only want a sticky burger icon you could try this:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all #header .av-burger-menu-main { position: fixed; } }
If this doesn’t help please include the url to the page in question so we can take a closer look.
Best regards,
MikeHey dmooredesign,
To display your CPT, try adding this to your child theme functions.php:add_theme_support('add_avia_builder_post_type_option'); add_theme_support('avia_template_builder_custom_post_type_grid');
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
See this thread.Best regards,
MikeJanuary 27, 2024 at 11:49 pm in reply to: Mobile View wording and button gets cut off on 100% color section height #1432245Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 989px){ .html_mobile_menu_tablet #top #wrap_all .av_header_transparency { background-color: transparent; } .responsive #top #main { margin-top: 0; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.page-id-472 #main .main_color .avia-data-table * { border: none; background-color: #fff; font-size: 18px; text-align: left; } #top.page-id-472 .main_color .avia-data-table.avia_pricing_minimal th { color: #009bdd; width: 10%; }
Best regards,
MikeJanuary 27, 2024 at 11:07 pm in reply to: Avia Layout Architect not loading on page for latest posts #1432242Hi,
The page that you have linked to: /reisebilder-berichte/ is the WordPress “blog” page for your site:
So the frontend shows your latest posts and not the layout of this specific page, please try changing the WordPress ▸ Settings ▸ Reading setting to
“-select-” so this page can show the page content, then the builder will load and you can build the page as you wish.
It looks like the last time the page was save was 8 years ago and it was saved as an empty page, probably the same time that the WordPress setting was used to enable the page as the “blog” page:
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,
MikeHey daves1997,
It looks like you are using the RSS Aggregator by Feedzy plugin, I’m not familiar with this plugin, try checking the documentation or the video tutorials.Best regards,
MikeJanuary 27, 2024 at 4:52 pm in reply to: Which multiple image sizes are safe to disable and delete #1432222Hi,
Please review the functions.php file around line 296 it shows the 12 image sizes that the theme creates and the description for each:$avia_config['imgSize']['widget'] = array( 'width' => 36, 'height' => 36 ); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array( 'width' => 180, 'height' => 180 ); // small image for blogs $avia_config['imgSize']['featured'] = array( 'width' => 1500, 'height' => 430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array( 'width' => 1500, 'height' => 630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array( 'width' => 1500, 'height' => 1500 , 'crop' => false ); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array( 'width' => 495, 'height' => 400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array( 'width' => 260, 'height' => 185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array( 'width' => 845, 'height' => 684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array( 'width' => 710, 'height' => 375 ); // images for magazines $avia_config['imgSize']['masonry'] = array( 'width' => 705, 'height' => 705 , 'crop' => false ); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array( 'width' => 845, 'height' => 321 ); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array( 'width' => 1210, 'height' => 423 ); // images for fullsize pages and fullsize slider
so depending on the elements that you are using you can decide to remove some of these, if you which.
WordPress adds 4 other sizes, small, medium, medium_large, large, and other plugins may add other sizes, such as woocommerce.
Removing these sizes will depend on your site layout and the devices that people use, you will need to test and decide if you need these sizes. Removing some sizes will make your site use larger images than needed which could slow down your loading time, or on very large screens some of your images may seem to be blurry because a smaller image is used. So there is no quick answer, you will just need to test.
You may also note that the thumbnails that WordPress creates may be larger than the original, so 30k of images might be over 9 gigs, here is a easy way to compress 30k of images down to under 900 mb without a plugin and save a lot of space.Best regards,
MikeJanuary 27, 2024 at 4:05 pm in reply to: Real Cookie Banner can´t block ReCaptcha in Enfold Form #1432221Hi,
Glad to hear that you have this sorted out, and thanks for sharing your solution. 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 -
AuthorPosts