Forum Replies Created
-
AuthorPosts
-
October 10, 2023 at 12:11 pm 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,
MikeHi,
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,
MikeOctober 10, 2023 at 1:42 am in reply to: How to upload a new, purchased, version of the Enfold Theme #1421949Hey 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
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.
Best regards,
MikeHey 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
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.
Best regards,
MikeHi,
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,
MikeHi,
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,
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,
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,
MikeOctober 9, 2023 at 5:54 pm in reply to: Video outside the viewport – google search console alert #1421936Hi,
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,
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,
MikeOctober 8, 2023 at 11:06 pm in reply to: Duplicated Burger Icon and more padding to each nav item #1421847Hi,
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:
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:
and at larger screens 1440px:
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,
MikeHey 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 linksBest regards,
MikeHi,
No, I didn’t do anything except look as you requested and took some screenshots because I found nothing wrong.Best regards,
MikeHey 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,
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 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,
MikeHey 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,
MikeHi,
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,
MikeOctober 8, 2023 at 5:43 pm in reply to: Duplicated Burger Icon and more padding to each nav item #1421828Hi,
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:
Best regards,
MikeHi,
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,
MikeHi,
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,
MikeOctober 8, 2023 at 3:31 pm in reply to: Duplicated Burger Icon and more padding to each nav item #1421816Hey jamesbarrell,
For your mobile menu, it looks correct up to 767px:
but at 768px it looks like you have some custom css that adds a burger menu to the left of the logo:
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:
Best regards,
MikeHi,
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,
MikeHi,
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,
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,
Mike -
AuthorPosts