Forum Replies Created
-
AuthorPosts
-
December 3, 2021 at 3:42 am in reply to: Disable/hide meta infos only on post, but still show them on blog post element #1331374
Hey AgenturLanzinger,
As I understand your question this can be done with css display:none, if you can link to an example blog post where you want the date & author hidden and to a page where the blog element is used and you want the date & author to continue to be shown we can assist.Best regards,
MikeHey Kyle,
Thanks for the link to your site but the login didn’t work for me, nonetheless try this function in your functions.php instead:function popup_inline_with_no_scroll() { ?> <script> (function($) { $(window).on('load', function(){ $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action("wp_head", "popup_inline_with_no_scroll");
Then clear your browser cache and any cache plugin, and check.
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,
MikeHi,
Please try this css instead:#top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-42 > a:hover .avia-menu-text { color: #ffcc5e; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad this helped, I was not able to view your new site because the password seems incorrect, but the gap around the cart is set by the padding in the css above, so you could try adjusting that, on the test site the spacing seemed good, perhaps you have some other css affecting the menu items?
Best regards,
MikeHi,
Thanks for the login, I found that you had an ending PHP tag in your child theme functions.php, I removed it and was able to add the script. I removed it because your main menu doesn’t look the same as when I wrote the script, if you plan to restore it as it was you can now add the script again and test.Best regards,
MikeHi,
Thanks for the feedback, I believe that I have achieved this on a test page for you, please check this page.
I first made a copy of your page, and copied your slider to “test slider copy” then I removed the background image from the test slider:
then I added this css to your Quick CSS:#top.page-id-2004 #main { background-repeat: no-repeat; background-image: url(https://nordicanalytics.dk/wp-content/uploads/2021/11/gbnm.png); background-position: 50% 50%; background-attachment: fixed; } #top.page-id-2004 #layer_slider_1 { background: transparent; background-color: transparent; }
please clear your browser cache and check.
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,
Thanks for the login, the reason this didn’t work was because you are forcing jQuery to load in the footer so you were getting an error, to correct I removed the jQuery part of the script and now it works. Although it is disabled as you requested.
This is the new script.function custom_mobile_homepage() { ?> <script> const mediaQuery = window.matchMedia('(max-width: 480px)'); if (window.location.pathname == '/' && mediaQuery) { window.location = "/startseite-mobil/"; } </script> <?php } add_action( 'wp_head', 'custom_mobile_homepage', 10 );
Best regards,
MikeHi,
Sorry I don’t believe that I understand what you are trying to achieve, I see the fixed image behind the “Our values” time line, but I don’t understand how you want scroll applied to the layerslider, there is only one slide so your not using the scroll function to switch slides?
Are you trying to have a transparent layerslider element and show the fixed body image behind it? I don’t believe that is possible because the layerslider would have to be placed inside of another element like a color section, but you can’t do that with the layerslider element.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread instead of the contact form, and we will gladly try to help you.
Thank you for using Enfold.
Best regards,
MikeHi,
Thank you for the login, to correct the logo interfering with the menu sub-menus I adjusted the script to this:function hide_lower_half_of_logo_on_scroll() { ?> <script> (function ($) { $('.logo, .logo *').css({'max-height':'269px','height':'269px','width':'131px'}); $(window).scroll(function() { var width = $(window).width(), height = $(window).height(); var scroll = $(window).scrollTop(); if (scroll >= 90 && width >= 768) { $('.logo, .logo *').css({'clip-path':'inset(0 0 63% 0)'}); } else { $('.logo, .logo *').css({'clip-path':'none'}); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'hide_lower_half_of_logo_on_scroll');
Now the bottom half of the logo image is hidden with clip-path instead of overflow.
For the anchors landing behind the header you had this function with a negative 50, I changed it to a positive 25 and now it works correctly:
function avf_header_setting_filter_mod($header) { $header['header_scroll_offset'] = $header['header_scroll_offset'] + 25; return $header; } add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
please clear your browser cache and check.
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 to hear, for the button try this css:@media only screen and (max-width: 767px) { #top.single-product form.cart { margin-top: 20px; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad we were able to help, and thanks for the suggestion, 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 that helped, the plus & percentage signs are using opacity 0.5 so they look faded, to make them the same as the numbers try this css:#top .avia-no-number { opacity: 1; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Does this only concern the “preview” of the page and not the actual page? Meaning that you only see the old version in preview, but if you save and publish your changes show on the actual published page? Perhaps try clearing the old revisions.Best regards,
MikeHi,
I couldn’t login with the password above to check, but testing the script on my test site didn’t give any errors, try copying the code again from the forum and not an email, or update the password you posted for us so we can try.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,
Please include an admin login in the Private Content area so we could examine closer.Best regards,
MikeNovember 29, 2021 at 2:36 pm in reply to: Search autofocus on field and click on mobile search #1330839Hi,
Glad to hear this helped you sort this out for your site, but as @Guenni007 pointed out a combination of solutions should be avoided, your snippet above is specific to your site and menu items, so future readers will need to adjust the code.insertAfter('.menu-item-178580');
Future readers could look at @Guenni007’s shortcode in a menu item solution or @Ismael’s solution as options.
So thanks for sharing what worked for you, 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,
I believe when the first loop of the video ends the still frame is the first frame of the video, check the direct link below, it doesn’t autoplay so you can see the first frame.
So to correct you should edit the video so the first frame is correct.Best regards,
MikeNovember 29, 2021 at 1:40 pm in reply to: Search autofocus on field and click on mobile search #1330831Hi,
Thanks @Guenni007 your help was great I’m glad that you pointed out the position of the input lines above, I didn’t know that.Best regards,
MikeHi,
When I check in Windows Chrome DevTools, the .current-image has a height of 95vh breaking out of the .wc360-container Please see the screenshot in the Private Content area.
In this screenshot you will see the image (blue area) goes behind the title and the bottom of the image is hidden, so this is the “OK” Android view, in Safari DevTools on a Mac the same 95vh stretchs the image even more. In my test changing the 95vh to 480px corrected this for both, so please try this css:@media only screen and (max-width: 767px) { #wrap_all #main .threesixty .threesixty_images img.current-image { max-height: 480px!important; } }
After applying the css, please clear your browser cache and check.
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,
MikeNovember 28, 2021 at 10:59 pm in reply to: Headings mobile devices – Überschriften bei Mobilen Geräten #1330758Hi,
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,
MikeHi,
Thanks for the link to your site, have you tried removing your script above to see if that is the issue? I believe your script is more complicated that it needs to be, below I have linked to a test page where I have the header set to 100px:
and the header behavior set as sticky and not shrinking:
then I added your logo and this script to the end of my child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function ($) { $(window).scroll(function() { var width = $(window).width(), height = $(window).height(); var scroll = $(window).scrollTop(); if (scroll >= 90 && width >= 768) { $('.av-logo-container > .inner-container').css({'overflow':'hidden'}); } else { $('.av-logo-container > .inner-container').css({'overflow':'visible'}); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');
and this css in my General Styling ▸ Quick CSS field:
.logo, .logo * { max-height: 269px!important; height: 269px!important; width: 131px!important; }
now the logo behaves like yours on scroll and the anchor links I added to the page land correctly and not behind the header.
Perhaps you could try this.Best regards,
MikeHey xela,
Thank you for your patience and the link to your site, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['entry_with_sidebar'] =array('width'=>1500, 'height'=>1500 , 'crop' => false); return $size; }
this will only take effect on new uploaded featured images, or you can use the thumbnail regeneration plugin
Best regards,
Mike -
AuthorPosts