Forum Replies Created
-
AuthorPosts
-
Hi,
Try this css:#top #main .sidebar_left .sidebar { border-right-style: none; } .archive h1.av-banner-description p { font-size: 80px; }
Best regards,
MikeHi,
Try:.page-id-16420 .mejs-audio { width: 50% !important; min-width: 50% !important; }
Best regards,
MikeHi,
-
Try disabling the lazyloading at Enfold Theme Options ▸ Performance ▸ Responsive Images And Lazy Loading ▸ Lazy Loading
and if you have a caching plugin that also has lazyloading, disable it too.
Then disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and clear your browser cache and check again.Best regards,
MikeHi,
Thanks for your screenshot, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function banner_below_the_header_and_above_the_main_menu() { ?> <script> // Create the new div element const newDiv = document.createElement('div'); // Set the text content newDiv.textContent = 'The Most Comprehensive Alternative Wellness Experience In The Midwest'; // Set the style properties newDiv.style.backgroundColor = 'gray'; newDiv.style.color = 'white'; newDiv.style.fontSize = '22px'; newDiv.style.padding = '10px'; // Add the flexbox properties newDiv.style.display = 'flex'; newDiv.style.justifyContent = 'center'; newDiv.style.order = '4'; newDiv.style.flexBasis = '100%'; // Find the element with class "main_menu" const mainMenu = document.querySelector('.main_menu'); // Insert the new div before the main_menu if (mainMenu) { mainMenu.parentNode.insertBefore(newDiv, mainMenu); } </script> <?php } add_action( 'wp_footer', 'banner_below_the_header_and_above_the_main_menu', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
See the expected results in the screenshot below.Best regards,
MikeHey Guenter,
Thanks for your patience, please see the private commit.Best regards,
MikeAugust 31, 2024 at 5:00 pm in reply to: Menu Focus Trap / Accessibility / Keyboard usage – Improvement #1465897Hey tom,
To close the burger with the Esc key, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function close_burger_on_esc_key() { ?> <script> (function($){ $(document).keydown(function(e) { if (e.keyCode === 27) { $('.av-hamburger').removeClass('is-active'); $('html').removeClass('av-burger-overlay-active'); $('html').removeClass('av-burger-overlay-active-delayed'); $('.av-burger-overlay').css({ 'display' : 'none', 'opacity' : 0 }); } }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'close_burger_on_esc_key', 99 );
I tested this on the demo that you linked to and it works.
Best regards,
MikeHi,
When I check it looks centered, perhaps try adjusting the numbers in the css above so the items are not so crowded, or move the logo with this css:#content2 .logo { top: 100px; }
use either positive or negative numbers. Unfortunately now that the items are being moved around there is not a way to make them keep the same px distance between all, so try to adjust these numbers until you like what you see.
Best regards,
MikeHi,
When I check your site at 1536 x 864, that you wrote was your screen size, but I don’t see the menu over the logo:
To switch the two icons try this css.av-burger-menu-main.menu-item-avia-special { top: -120px; } #menu-item-search { top: 100px; }
You can also adjust the values and perhaps keep the icons away from the logo
Best regards,
MikeHi,
Thanks, but the login doesn’t seem to be admin so we can’t see any of your theme settings, please update to admin.Best regards,
MikeAugust 28, 2024 at 5:26 pm in reply to: Menu in transparant box with logo area with separate background #1465589Hi,
Thank you for your patience, I didn’t see an issue on the page that you linked to, but I found a another page with the issue, indead it was a z-index issue, so I added the custom class section-with-menu to the color section with the menu shortcode:
and added this css to your Quick CSS:.avia-section:not(.section-with-menu) { z-index: 0; } .avia-section.section-with-menu { z-index: 2; }
and this seems to have helped, please check the page below and try to make this adjustment to your other pages.
Best regards,
MikeHi,
I added this css to show the search icon for you:#top #content1 .av-main-nav > li.menu-item#menu-item-search { display: block!important; } #top #content1 .av-main-nav > li.menu-item#menu-item-search a { color: #92B743; text-align: left; } #top #content1 .main_menu .menu li#menu-item-search { float:none; }
please clear your browser cache and check.
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 screenshot it helps me understand better, this might work better for you as a image map. Try uploading your image and select the bars, and add the link.
then click “show me the code”
then copy the code and paste into a code block elementBest 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,
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,
Unfortunately, that would cause an issue with the links, could you use another bar?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,
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,
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,
MikeAugust 25, 2024 at 9:43 pm in reply to: Menu in transparant box with logo area with separate background #1465374Hi,
This sounds like a z-index issue, but I would need to see your site as I can’t reproduce this on my site.
Please let us know when your site is online so we can see it.Best regards,
MikeHi,
Please see this thread it includes the filter to add custom social profiles in the posts.
The thread is for “TikTok” but you should be able to adjust for your icons, please review and try.Best regards,
MikeHi,
Thanks for the link to your site, I looked at all of your page and see that your “footer” as a page is not showing on any of them, typically this is a conflict with Elementor Pro that I see you are loading via muilti-site.
Try disabling Elementor Pro completely and check again, if you still have trouble leave Elementor Pro disabled so we can check, we were not able to disable.
Please note that Enfold and Elementor Pro are note designed to work together.Best regards,
MikeHi,
For the language switcher in your mobile menu, your setting will only show the language that is not active, to always show both you need to use this option:
and this css:@media only screen and (max-width: 768px) { #top #wrap_all #header #av-burger-menu-ul li.menu-item-wpml-ls-58-en, #top #wrap_all #header #av-burger-menu-ul li.menu-item-wpml-ls-58-da { width: 50px; display: inline-block; top: 30px; } }
I did this for you:
Please clear your browser cache and check.Best regards,
MikeHey ulrikelauer,
Thank you for your question, as I understand you would like a different menu for different pages.
Try following this thread.Best regards,
MikeAugust 25, 2024 at 5:08 pm in reply to: Fullwidth easy slider: setting first titel to H1, others to H2. #1465359Hi,
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 -
AuthorPosts