Forum Replies Created

Viewing 30 posts - 3,901 through 3,930 (of 34,601 total)
  • Author
    Posts
  • in reply to: Problem with enfold web site #1432311

    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
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    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
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg
    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,
    Mike

    Hi,
    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,
    Mike

    Hey 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,
    Mike

    in reply to: how to size box hotspots imagine #1432304

    Hey fabio,
    Thanks for the link to your page, it looks like you are using the default tooltip size, you can also choose “large” & “extra-large”
    Enfold_Support_4590.jpeg

    Best regards,
    Mike

    in reply to: Woocommerce product tabs missing #1432302

    Hi,
    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,
    Mike

    in reply to: Slider Caption Help #1432301

    Hi,
    This is the Caption Positioning option in the slide:
    Enfold_Support_4584.jpeg
    this is the font size option in the slide:
    Enfold_Support_4586.jpeg
    I did this for your first slide, please check and adjust to suit:
    Enfold_Support_4588.jpeg

    Best regards,
    Mike

    in reply to: Blog Subcategory further pages cant be opened #1432300

    Hey 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,
    Mike

    in reply to: Add exerpt and read more to Magazine #1432299

    Hi,
    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,
    Mike

    in reply to: woocommerce color product #1432298

    Hi,
    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,
    Mike

    in reply to: Measure Enfold Contactform Submissions with GTM #1432296

    Hey 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 documentation

    function 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,
    Mike

    Hey 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,
    Mike

    in reply to: bullet point are not shown in list #1432294

    Hi,
    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,
    Mike

    in reply to: target single page h2 h3 headings on mobile text-align #1432293

    Hi,
    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,
    Mike

    in reply to: Avia Layout Architect not loading on page for latest posts #1432273

    Hi,
    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,
    Mike

    in reply to: no burger menu on mobile #1432272

    Hi,
    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,
    Mike

    in reply to: scroll-margin-top & scroll-padding-top css properties #1432271

    Hey 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,
    Mike

    in reply to: no burger menu on mobile #1432265

    Hi,
    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,
    Mike

    in reply to: Header Layout: Logo left, Widgets right, menu below #1432262

    Hey 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,
    Mike

    in reply to: Lightbox Modifacation #1432250

    Hey 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,
    Mike

    in reply to: Suggestion for content element: “Cards” #1432249

    Hi,
    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,
    Mike

    in reply to: Sticky menu on mobile #1432247

    Hey 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,
    Mike

    in reply to: Display Entries From A Custom Taxonomy #1432246

    Hey 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,
    Mike

    Hi,
    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,
    Mike

    in reply to: tables column widths #1432244

    Hi,
    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,
    Mike

    in reply to: Avia Layout Architect not loading on page for latest posts #1432242

    Hi,
    The page that you have linked to: /reisebilder-berichte/ is the WordPress “blog” page for your site:
    Enfold_Support_4578.jpeg
    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:
    Enfold_Support_4582.jpeg

    Best regards,
    Mike

    in reply to: Video loads through black #1432240

    Hi,
    Yes

    Best regards,
    Mike

    in reply to: Problem on show social icons in mobile header #1432231

    Hi,
    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,
    Mike

    in reply to: showing feedzy posts instead of mine #1432224

    Hey 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,
    Mike

    in reply to: Which multiple image sizes are safe to disable and delete #1432222

    Hi,
    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,
    Mike

    in reply to: Real Cookie Banner can´t block ReCaptcha in Enfold Form #1432221

    Hi,
    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

Viewing 30 posts - 3,901 through 3,930 (of 34,601 total)