Forum Replies Created
-
AuthorPosts
-
Hi,
To change the menu links inside the burger menu to green, try this css:#av-burger-menu-ul a { color: #92B743; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
A color section is a full width section, this will force the sidebar below the color section. Try using a column, this will allow the sidebar, or add a widget element inside the color section to show your sidebar widgets.Best regards,
MikeHi,
This seems to be a duplicate thread, please see your other thread:You could add a check for the page that you want you show it on, for example if the page ID is “1028” use this:
add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 ); function enfold_customization_blog_widget_area() { if ( is_page(1028) ) { dynamic_sidebar( 'blogheaderwidget' ); } }
or you can use the page slug like this:
add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 ); function enfold_customization_blog_widget_area() { if ( is_page('your-page-slug') ) { dynamic_sidebar( 'blogheaderwidget' ); } }
The WordPress Conditional Tags documentation state:
There is no conditional tag for the blog page. You have to use both is_home() and is_front_page() to detect this page, but those functions can be misused.
They offer a different solution, try reading it, but I think the two solutions above will work fine.
Best regards,
MikeHi,
You could add a check for the page that you want you show it on, for example if the page ID is “1028” use this:add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 ); function enfold_customization_blog_widget_area() { if ( is_page(1028) ) { dynamic_sidebar( 'blogheaderwidget' ); } }
or you can use the page slug like this:
add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 ); function enfold_customization_blog_widget_area() { if ( is_page('your-page-slug') ) { dynamic_sidebar( 'blogheaderwidget' ); } }
The WordPress Conditional Tags documentation state:
There is no conditional tag for the blog page. You have to use both is_home() and is_front_page() to detect this page, but those functions can be misused.
They offer a different solution, try reading it, but I think the two solutions above will work fine.
Best regards,
MikeAugust 24, 2024 at 3:44 pm in reply to: ATTENTION – DEPRECATION NOTICE – How to transform all Elements on 500++ Pages? #1465303Hey S.,
You can ignore this message, the element will be kept for backward compatibility so you don’t need to change all 500 pages.
When you create new pages consider the new element “Custom Layout”, and over time as you update the old pages switch to the new element.
There is not a way to switch all of your pages at once, but your old pages will not break, the Dev Team only wants to let you know that the element is no longer maintained for new features.
So you don’t need to do anything, if you don’t want to.Best regards,
MikeHi,
As for updating, I don’t believe that you are using the correct zip file installable WP version, in your Theme Forest account there are two files to download, on includes other files and documentation, this will cause the error that you see, please look for installable WP version. Otherwise please upload to dropbox so I can download it and check.
As for some of your pages without Advanced layout builder:
most are not ALB pages, but I did find one called “Magazine”
this was saved as a “block editor” page at one time and the reason that you don’t see the ALB button is an error in the theme version or a plugin conflict, so to fix without updating I switch to the “classic editor” at Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor
now the button shows:
I then click it and the ALB page loads and I re-save:
and now the page is fixed:
please check and try this with your other pages.
Please note that your “About Us” page is not a ALB page, so if you don’t see code in the page don’t convert to a ALB page.Best regards,
MikeHi,
When I check your site it looks like you are using v5.6.12. If you try to edit the pages and the default WordPress editor loads this could mean that the page was saved with that editor last, try clicking the blue “Advanced Layout Builder” button and see if it loads correctly, if so then save again and the page should then show as a ALB page in the page list.
If you need further help, please post the temporary login plugin link in the Private Content area below so we can examine, you can use any fake email address as we don’t have one email box of all Mods to share.To update try 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,
#2 The custom menu bar is 100px wide:
but the flyout menu is 300px, but the burger menu is still only 100px:
The flyout overlay is white and you can not make the burg1 menu area only a gray color.
So if you want a gray burger menu when the menu is closed try this css:.toolbar-content#content1 { width: 100%; height: 100px; background-color: #8c8c8c; } html:not(.av-burger-overlay-active) #top .av-burger-overlay li li .avia-bullet, html:not(.av-burger-overlay-active) #top .av-hamburger-inner,html:not(.av-burger-overlay-active) #top .av-hamburger-inner::before,html:not(.av-burger-overlay-active) #top .av-hamburger-inner::after { background-color: #fff !important; }
but when it is open it will look like this:
It is probably best to not change this.Best regards,
MikeHi,
ionware1 I would recommend disabling all plugins and see if that helps, if not and you are using a child theme with custom files like a header.php or footer.php remove these files or switch to the parent theme and see if that helps.
If not then please open a new thread so we can assist, and include your admin login in the Private Content area, but as this is not your thread your login info will not be private if posted here, and you will not be able to see anything that we write in the Private Content area.Best regards,
MikeHi,
I tried enabling the parent theme, and the header worked correctly on scroll then on your test page, I then re-enabled your child theme.
I see that you also have custom shortcode elements in your child theme, try removing these and check, if this helps, add them back one at a time to find the conflict.Best regards,
MikeHi,
I checked the css on your site, but the first dot was missing, so I added it and now it works.
Please clear your browser cache and check.Best regards,
MikeHi,
It looks like your caching plugin is still active “wpo-minify”, or at least the cache is still being severed.
Try clearing and disabling your caching plugin completely, and include a admin login in the Private Content area so we can examine.Best regards,
MikeAugust 22, 2024 at 6:37 pm in reply to: Fullwidth subemenu always sticky, even with Hamburger menu active on desktop #1465180Hi,
To have a sticky sub-menu on your desktop with the burger menu, and on your mobile without the sticky header, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function desktop_burger_menu_sub_menu_sticky() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ var width = $(window).width(); var $stickyTop = $('#sub_menu1'); if (width <= 989) { $stickyTop.waypoint(function(direction) { if (direction === 'down') { $stickyTop.addClass('sticky-top'); } if (direction === 'up') { $stickyTop.removeClass('sticky-top'); } }, { offset: '0%' }); } else if (width >= 990) { $stickyTop.waypoint(function(direction) { if (direction === 'down') { $stickyTop.addClass('sticky-top'); } if (direction === 'up') { $stickyTop.removeClass('sticky-top'); } }, { offset: '95px' }); } })(jQuery); }); </script> <?php } add_action('wp_footer', 'desktop_burger_menu_sub_menu_sticky');
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
also add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 989px) { .responsive #top #sub_menu1.av-submenu-container.sticky-top { position:fixed!important; top:0!important; z-index:600!important; } } @media only screen and (min-width: 990px) { .responsive #top #sub_menu1.av-submenu-container.sticky-top { position:fixed!important; top:95px!important; z-index:600!important; } }
This accounts for the mobile switch at 989px when your typical header is no longer sticky, but the sub-menu will be sticky at the top.
In the css & script you may need to adjust the top height, my text site header was 95px high, if yours is different please change.
If you have trouble with this please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHey Mia2009,
Try clearing and disabling your caching plugin completely, and then switch to the text menu, if this doesn’t help, leave the caching plugin disabled and include a admin login in the Private Content area so we can examineBest regards,
MikeHey Gianluca,
Thanks for the login, in your Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text you had a phone number link that was unclosed, causing the error.
To make your portfolio sort text larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-fullwidth-portfolio .sort_width_container { font-size: 30px; }
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.
Please adjust the font size to suit.Best regards,
MikeAugust 22, 2024 at 5:42 pm in reply to: Enfold: Dark Photography Theme, V 6.0.3 Avia Layout Builder Text Block glitch #1465176Hi,
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,
MikeAugust 21, 2024 at 5:43 pm in reply to: Menu in transparant box with logo area with separate background #1465113Hi,
To make the custom menu with logo sticky, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function add_sticky_script(){ ?> <script type="text/javascript"> (function($){ function a() { $(window).scroll(function(e){ var $sticky = $('#menu-test-menu-with-logo'); var position = ($sticky.css('position') == 'fixed'); if ($(this).scrollTop() > 25 && !position){ $sticky.css({'position': 'fixed', 'top': '0px','width' : $sticky.innerWidth() }); $sticky.addClass('fixed_element_style'); } if ($(this).scrollTop() < 25 && position) { $sticky.css({'position': 'static', 'top': '0px', 'width' : '' }); $sticky.removeClass('fixed_element_style'); } }); } a(); })(jQuery); </script> <?php } add_action('wp_footer', 'add_sticky_script');
I also added this css so the menu would rest at the top of the screen, previously there was a small space above, on my install.
#header_meta { display: none; } .html_header_transparency #top .avia-builder-el-0 .container{ padding-top: 58px; }
If you don’t have a space you won’t need this, if you want to keep the space, adjust the code above.
To make the mobile menu sticky add this css:@media only screen and (max-width: 989px) { .responsive.html_mobile_menu_tablet #top #wrap_all #header { position: fixed; } }
Best regards,
MikeHi,
Ok, so you also want to change the logo link on a certain page.
Add this code to the end of your child theme functions.php file in Appearance ▸ Editor:// to change the logo link add_filter('avf_logo_link','av_change_logo_link'); function av_change_logo_link($link) { if(is_page(206) ) { $link = "https://your-new-link.com"; } return $link; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Adjust the page ID and link to suit.Best regards,
MikeAugust 20, 2024 at 5:15 pm in reply to: Different logo on pages and posts (transparent header) #1464992Hi,
When I check the svg logo is the same for mobile & desktop, but on desktop your header is transparent so the background color allows the light third line of text to be seen, while the mobile header is white so you can’t see the text.
You could add this css to make the third line of text green like the second line on mobile:@media only screen and (max-width: 767px) { .av-contains-svg #Layer_1 .cls-3 { fill: #b0cf6b; } }
Best regards,
MikeHi,
Thanks for the test page, so to have a different SVG icon for each item you need to use a different font-icon for each item so you can use a different code in the css for each item:
I then copied the base css from the example link and added your font-icon codes and your SVG icon URLs:[data-av_iconfont="entypo-fontello"][data-av_icon="\e89f"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/home-icon.png) !important} [data-av_iconfont="entypo-fontello"][data-av_icon="\e8a0"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/people-icon.png) !important} [data-av_iconfont="entypo-fontello"][data-av_icon="\e8a1"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/bed-icon.png) !important} [data-av_iconfont="entypo-fontello"][data-av_icon="\e8a2"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/bath-icon.png) !important}
Then to make the gray backgrounds transparent I added this css:
.page-id-321 .main_color .avia-icon-list .iconlist_icon { background-color: transparent; }
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 leloux,
Thanks for the link to your site, try adding this css to your Quick CSS field:.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text { display: inline-block; } .html_header_sidebar #header .av-main-nav > li { margin: 5%; }
.
After applying the css, please clear your browser cache and check.
this is the expected result:
Best regards,
MikeHi,
Thanks for the login, on your draft page /?page_id=24937&preview=true, full link below,
This looks like a plugin conflict, when I disable all of your plugins the editor works correctly:
I enabled all of your plugins again and the changes remain, so to find the plugin conflict, try disabling all of your plugins and then reload the page. Then reactivate each one individually and reload the page after each one and check until you find the conflict.Best regards,
MikeHey Reut Rachel,
unfortunately I have not seen anything like that, perhaps this article will help.Best regards,
MikeHi,
Sorry, you can not upload svg icons, the theme uses “icon fonts” which is a font file, not a icon image. Please see our documentation here. You may need to scroll down to Adding your own Fontello Icons Icon fonts can not have color.
Perhaps when you clicked my link above it didn’t scroll correctly, try this link.
It’s very simple, you can use css to replace the “icon font” with a svg image
If you create a test page I can write a step-by-step example for you, similar to the screenshot above.Best regards,
MikeHi,
Odd, I’m not seeing that on my desktop when the css is added:
please use this screen resolution link to tell us when you see it.
Also ensure that you cleared your cache.Best regards,
MikeAugust 17, 2024 at 10:20 pm in reply to: Menu items are not working after upgrading to version 6.0.2 #1464839Hi,
Thanks for the link to your staging site, I note that each time I try to add a menu item they are always “custom links” instead of normal menu items.
I see that your child theme has a header.php file, please remove this and then check again.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,
Mike -
AuthorPosts