Forum Replies Created

Viewing 30 posts - 5,251 through 5,280 (of 34,719 total)
  • Author
    Posts
  • in reply to: Duplicated Burger Icon and more padding to each nav item #1422007

    Hi,
    To correct the mega menu items please change this part:

    .avia-menu>ul.av-main-nav>li.menu-item .avia-menu-text,
    .avia-menu>ul.av-main-nav>li.menu-item-search-dropdown {
    	display: flex;
        justify-content: center;
    }

    to this:

    .avia-menu>ul.av-main-nav>li.menu-item>a> .avia-menu-text,
    .avia-menu>ul.av-main-nav>li.menu-item-search-dropdown {
    	display: flex;
        justify-content: center;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    to correct the two words “Get Involved” please try to adjust the font size for the screen width, you will need to go a little smaller when that occurs, it looks like 17px instead of 18px works.

    Best regards,
    Mike

    in reply to: Mouse Hower effect #1422002

    Hi,
    This css won’t work because there is on hover event on a touch device:

    @media (hover: none) {
    .portfolio-item:hover {
    pointer-events: none;
    }

    you can try:

    @media (hover: none) {
    .portfolio-item {
    pointer-events: none;
    }

    or change the @media to a size, that is what I would recommend.

    Best regards,
    Mike

    in reply to: Set masonry overlay color #1421999

    Hi,
    OK, you should use this filter.

    Best regards,
    Mike

    Hey Jimmy Plenderleith,
    Thank you for the link to your site, I see that you are using Enfold v4.5.2 and now you wish to update to the latest version. I don’t expect any issues doing this, but it would be a good idea to make a full backup of your site first with your webhosting backup tools, I don’t recommend using a backup plugin unless you have specific experience with it and feel confident. The backup tool that your webhost provides is typically the best tool for your server.
    Then 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

    Best regards,
    Mike

    in reply to: Website crash when php is updated #1421942

    Hey InekeWerkt,
    I see that you are using an old version of the theme that doesn’t support PHP v8 you are using Enfold v4.8.6.2
    PLease update to v5.6.6, you may need to manually update with the instructions below, but please first note that if your child theme has a custom header.php or footer.php you will need to remove these and then after the update make new custom header.php or footer.php from the current files. It would be better to not use custom header.php or footer.php at all as most update issues are a result from these custom files.
    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

    Best regards,
    Mike

    in reply to: Set masonry overlay color #1421940

    Hi,
    Glad to hear that you have sorted this out, it looks like your $content or excerpt is replaced with the custom div with the custom class “acf-color”
    I believe that you can append the excerpt back into the $content like this:

    add_filter('avf_masonry_entry_content', function($content, $entry, $config) {
        $color = get_post_meta( $entry['ID'], 'ACF-COLOR', true);
    	$content = '<div class"acf-color" style="background-color:' . $color . ';">' . $content . '</div>';
    	return $content;
    }, 10, 3);

    but I don’t have a way to test this,
    or you might need to do it like this:

    add_filter('avf_masonry_entry_content', function($content, $entry, $config) {
        $color = get_post_meta( $entry['ID'], 'ACF-COLOR', true);
    	$acfcontent = '<div class"acf-color" style="background-color:' . $color . ';">' . $content . '</div>';
    	return $acfcontent;
    }, 10, 3);

    otherwise, if you have another way to add the excerpt back in then try that.

    Best regards,
    Mike

    in reply to: Mouse Hower effect #1421939

    Hi,
    Thank you Guenni007, Tim I updated the css with Guenni007’s new css, please clear your browser cache and check following the steps to also clear your history.
    While this new css is working for me I see that it only works below 989px and as Guenni007 has pointed out some iPads are 1024px and others are larger.
    If this is not working for you please use this link screen resolution and post your iPad screen resolution for both portrait and landscape that you want this to work for and we can adjust.

    Best regards,
    Mike

    in reply to: Can’t manual import demo #1421938

    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: Image Hotspot Links #1421937

    Hi,
    Thanks for the link to your page, I think the solution will need to have the hotspots only show on click, not on hover like it is now. Will that be ok?
    I’m thinking that this script could be modified to also allow the right side links to also open the tooltips, please include and admin login so we can try.
    What is your plan for mobile devices? Currently below 767px the tooltips are displayed below the image and do not popup, are you going to keep it like this?

    Best regards,
    Mike

    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: Mouse Hower effect #1421893

    Hi,
    Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    in reply to: Duplicated Burger Icon and more padding to each nav item #1421847

    Hi,
    Thanks for the feedback and the link to your example site, it helped me by seeing what they have done. When I check the site I see the break point for the mobile menu is 992px, and the set the menu item width to 14.25% and the font is a little smaller.
    So to show the burger menu until 991px we will use this css:

    @media only screen and (min-width: 767px) and (max-width: 991px) {
      #top #header .av-main-nav > li.menu-item  {
          display: none!important;
      }
      #top #header .av-burger-menu-main.menu-item-avia-special  {
          cursor: pointer;
          display: block!important;
      }
      #top #header .av-main-nav > li > a {
      	background-color: transparent !important;
      }
      .html_header_top #top .av_menu_left .main_menu {
        right: 20% !important;
        left: auto !important;
      }
      .html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
        display: block !important;
    }
      #top #header_main_alternate {
    	 display: none;
    }
    }

    the expected results:
    Enfold_Support_3634.jpeg
    Then to set the main menu similar to the other site we will use this css:

    @media only screen and (min-width: 992px) { 
    .main_menu {
        display: flex;
        align-items: center;
    }
    .avia-menu>ul.av-main-nav {
        margin: 0;
        display: flex;
        justify-content: space-around;
        position: relative;
    }
    .avia-menu>ul.av-main-nav>li.menu-item {
        width: 14.25%;
        padding: 0;
    }
    .avia-menu>ul.av-main-nav>li.menu-item>a,
    .avia-menu>ul.av-main-nav>li.menu-item>a span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0;
        font-size: 18px;
    }
    .avia-menu>ul.av-main-nav>li.menu-item .avia-menu-text,
    .avia-menu>ul.av-main-nav>li.menu-item-search-dropdown {
    	display: flex;
        justify-content: center;
    }
    #top #header_main_alternate .container {
        margin: 0 auto;
        padding: 0px 50px;
    }
    }
    @media only screen and (min-width: 1200px) { 
    .avia-menu>ul.av-main-nav>li.menu-item {
        margin: 0 13px;
    }
    }

    the expected results 992px:
    Enfold_Support_3636.jpeg
    and at larger screens 1440px:
    Enfold_Support_3638.jpeg
    Please give this a try.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    in reply to: html in exerpts does not work #1421843

    Hey Sebastian,
    Thanks for the link to your page, the email and phone number both have html links, please see the screenshot in the Private Content area.
    The problem is that the element already has a link to your contact page, this is not working because you can’t have a link inside of another link, this results in a conflict.
    Please try a different approach for displaying the email and phone number links

    Best regards,
    Mike

    in reply to: 4 content boxes not working corectly #1421841

    Hi,
    No, I didn’t do anything except look as you requested and took some screenshots because I found nothing wrong.

    Best regards,
    Mike

    in reply to: 4 content boxes not working corectly #1421838

    Hi,
    Yes, see the screenshots above.

    Best regards,
    Mike

    in reply to: Page / design behaves differently from other pages #1421836

    Hey Marc,
    Thanks for the link to your site, the issue is the iframe in the code block, I tested removing it and the footer showed correctly, Please see the screenshot in the Private Content area.
    I added it back for you to examine, I don’t see a cause for this in the iframe, perhaps it is something in the code of the iframe?

    Best regards,
    Mike

    in reply to: Add area image to shop pages #1421835

    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: Blog pic width #1421834

    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: Blog pic width #1421830

    Hey Bettina,
    Thanks for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.single-post .avia-image-container.avia-align-left {
        margin-right: 0;
    }
    #top.single-post p > i {
    	font-size: 12px;
    }

    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

    in reply to: Mega Menu only Vertical #1421829

    Hi,
    Perhaps it is disabled in the backend of the page at Layout ▸ Header visibility and transparency
    The login above doesn’t work so I can’t check.

    Best regards,
    Mike

    in reply to: Duplicated Burger Icon and more padding to each nav item #1421828

    Hi,
    I can get the menu items to be in one row starting at 768px with this css:

    @media only screen and (min-width: 768px) { 
    	#header_main_alternate > .container {
    		margin: auto;
    		padding: 0;
    	}
    	#top #header .av-main-nav > li {
        padding: 0;
        }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    but not spaced equally across the whole width of the navigation.
    After applying the css, please clear your browser cache and check.
    the expected results:
    Enfold_Support_3626.jpeg

    Best regards,
    Mike

    in reply to: Add area image to shop pages #1421826

    Hi,
    Please see the explanation here.
    I believe that your “Gallery page” is actually the woocommerce shop page so to add the image and shortcode breadcrumb there you will need to edit the new function that I added above.
    You would add is_shop() I did this for you, please check.

    Best regards,
    Mike

    in reply to: 4 content boxes not working corectly #1421824

    Hi,
    It looks the same as before to me:
    Enfold_Support_3622.jpeg
    Enfold_Support_3624.jpeg

    Best regards,
    Mike

    in reply to: Mega Menu only Vertical #1421817

    Hi,
    On your start page you are using a fullwidth submenu, this can not display a maga menu like the main menu on your other pages.

    Best regards,
    Mike

    in reply to: Duplicated Burger Icon and more padding to each nav item #1421816

    Hey jamesbarrell,
    For your mobile menu, it looks correct up to 767px:
    Enfold_Support_3616.jpeg
    but at 768px it looks like you have some custom css that adds a burger menu to the left of the logo:
    Enfold_Support_3618.jpeg
    so please find this custom css and remove it:

    @media only screen and (max-width: 1366px){
    nav.main_menu {
        display: block !important;
    }
    }

    that should fix it to look like this:
    Enfold_Support_3620.jpeg

    Best regards,
    Mike

    in reply to: Add area image to shop pages #1421815

    Hi,
    I believe this was another thread and I just did it, please check the link below.
    If this is not what you mean, please link directly to the page, and please explain in detail.

    Best regards,
    Mike

    in reply to: No current color in main menu when open blog post #1421813

    Hi,
    I believe Nikko made the chage at Enfold Theme Options ▸ Theme Options ▸ Where Do You Want To Display The Blog
    I believe the image is added by your custom function in your child theme functions.php:

    function add_custom_header_image() {
    	if ( is_single() || is_archive() ) { ?>
        	<div class="single-header-image"><br><br></div>
    		<div class="breadcrumbrow" style="background-color: #f8f8f8;"><div class="container" style="padding-top:3px;">
    					<?php echo do_shortcode('[av_breadcrumbs]'); ?></div></div>
    <?php }
    }
    add_action( 'ava_after_main_title', 'add_custom_header_image', 10 );

    To show the image and breadcrumb in the above function on the blog page you would add !is_front_page() && is_home()
    like this:

    
    function add_custom_header_image() {
    	if ( is_single() || is_archive() || !is_front_page() && is_home() ) { ?>
        	<div class="single-header-image"><br><br></div>
    		<div class="breadcrumbrow" style="background-color: #f8f8f8;"><div class="container" style="padding-top:3px;">
    					<?php echo do_shortcode('[av_breadcrumbs]'); ?></div></div>
    <?php }
    }
    add_action( 'ava_after_main_title', 'add_custom_header_image', 10 );

    I did this for you, please clear your browser cache and check the blog page

    Best regards,
    Mike

    in reply to: Different widths for different elements on pages? #1421812

    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: Adding a CTA-Button to the Fullwidth Slideshow #1421811

    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: 4 content boxes not working corectly #1421810

    Hi,
    Your screenshot is of the new text element with no div tags, so I’m not sure what you are referring to with this screenshot.

    Best regards,
    Mike

Viewing 30 posts - 5,251 through 5,280 (of 34,719 total)