Forum Replies Created
-
AuthorPosts
-
Hey newmediologo,
I see that you have a 400 error and Refused to display frame because it set ‘X-Frame-Options’ to ‘deny’
these two errors could be linked.
I’m not sure what would cause this, but Safari and most AD blockers now block FB, so I recommend creating a image from your FB like box and linking it to your FB page, since most people will not see it otherwise.Best regards,
MikeHi,
Thank you for your patience, when using the Row Screen Options ▸ Column Behaviour in the first column in a row:
and then choose Advanced ▸ Mobile Breakpoint Position to choose a position:
this will only work for that row, and it does now in my test.
But you are using two rows and this will not move an item from your second row into the first row, each row is separate.
While you could use javascript to do this, your customer probably won’t be able to maintain this either.
If you want to use javascript, please let us know.Best regards,
MikeHey Chris_85,
I don’t have any experience with this plugin, and don’t see any errors in the backend, but when I test the number of items change so it looks like it is working.Best regards,
MikeNovember 30, 2024 at 9:43 pm in reply to: Burger menu without function/after three clicks without function #1472642Hi,
Thanks for your patience, the Rocket documentation explains more here.
You could try this list in your Excluded JavaScript Files:\/jquery(-migrate)?-?([0-9.]+)?(.min|.slim|.slim.min)?.js(\?(.*))?( |'|"|>) js-(before|after) /dynamic_avia/avia-footer-scripts-(.*).js var avia_is_mobile const shopvote_ajaxurl shopvote_fetch_reviews (?:/wp-content/|/wp-includes/)(.*) var AviaPrivacyCookieConsent var AviaReCAPTCHA_front var cookie_check avia_cookie_check_sessionStorage var init_tawcvs_variation_swatches_form var wc_bundle_params var wc_pb_min_max_items_params var wc_gzd_unit_price_observer_params var wc_gzd_add_to_cart_variation_params layerslider /enfold/js/avia.js /enfold/js/shortcodes.js /enfold/config-templatebuilder/avia-shortcodes/ /enfold/js/avia-compat.js /enfold/js/waypoints/waypoints.min.js /enfold/js/avia-snippet-(.*).js //widgets.shopvote.de/js/reputation-badge-v2.min.js //code.jivosite.com/widget/(.*) //www.googletagmanager.com/gtag/js //connect.facebook.net/en_US/fbevents.js /wp-content/themes/enfold/js/avia-snippet-megamenu.min.js /wp-content/themes/enfold/js/avia-snippet-hamburger-menu.min.js /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.min.js
if these don’t help disable the “delay java script”
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,
MikeNovember 30, 2024 at 9:28 pm in reply to: Display linked webcam image at full screen height in PWA environment #1472639Hey Marc,
I see that each of your cam images has a ID so this css will only target those images:@media only screen and (max-width: 767px) { #refresh1, #refresh2, #refresh3 { height: 100vh !important; } }
Another way would be to add a class to each code block, like “cam”
and then use this css:@media only screen and (max-width: 767px) { .avia_codeblock.cam img { height: 100vh !important; } }
The issue that I see is on mobile devices in portrait mode your images will be stretched unless you only what to see the center the image in portrait mode, in that case add this css with the above css:
@media only screen and (max-width: 767px) and (orientation: portrait) { .avia_codeblock.cam { height: 100vh !important; width: 400vw !important; left: -200% !important; position: relative; } }
add the css to your Quick css, it will only target these code blocks with the custom class “cam”.
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,
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,
MikeHey Antonio,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive #top.home .container_wrap_first > .container { max-width: 100%; } .responsive #top.home section#texto { padding-left: 25%; }
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,
I have tried different monitor sizes in the Dev Tools, but “zooming” is not the correct tool for testing screen sizes and will not show a view for a real device.
See here: https://developer.chrome.com/docs/devtools/device-modeBest regards,
MikeHi,
Glad Rikard & Guenni007 could help, thank you Guenni007, It sounds like you have it sorted out now, 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 westefan,
This was added a while back and works on my install without any added code. Ensure that you add a custom ID to each tab:
and use a link with the ID “elements/tabs#tabthree” the page will scroll up and open the tab”
If you are using the sticky header and the tab is too close to the header, you can add this code to the end of your child theme functions.php file in Appearance ▸ Editor to adjust the position:function custom_script() { ?> <script> (function($) { $(document).ready(function() { $('a[href^="#"]').click(function(e) { var targetHash = this.hash; setTimeout(function() { $('html, body').animate({ scrollTop: $(targetHash).offset().top - 100 }, 500); }, 100); }); if (window.location.hash) { $('html, body').animate({ scrollTop: $(window).scrollTop() - 100 }, 500); } }); }(jQuery)); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
Best regards,
MikeHi,
I don’t see the form on the members page, logged in or out, Please see the screenshot in the Private Content area.Best regards,
MikeNovember 30, 2024 at 5:02 pm in reply to: Same height and position for content elements in layout elements #1472623Hi,
Also the other five images are all 80px in height, only the first green image is smaller, please add a new image that is the same height as the others, even if you add transparent space to the top and bottom, if you want it centered, or just to the bottom it you want it top aligned.Best regards,
MikeNovember 30, 2024 at 4:57 pm in reply to: Same height and position for content elements in layout elements #1472622Hi,
When I check your elements on desktop and mobile, they look correct:
because the lines of text is the same
only between 768px-1240px does the screen size change the number of lines in the text:
Try adding a custom class to each of the headings, like “heading” and another custom class to each content under it, like “content”
Then I believe that we can help with some javascript to help for these screen sizes.Best regards,
MikeHi,
Thanks for the login, I tested in Chrome, Firefox, and Brave, as playertest13 on desktop & mobile, and in all cases the date picker showed in the middle of the screen and did not scroll under the header as in your first screenshot, it is centered like your second screenshot:
perhaps you have already solved this.Best regards,
MikeHi,
Thank you for your patience, this is because in your SiteOrigin CSS you have this css:.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 0px !important; }
I disabled it for you, please clear your browser cache and check.
Best regards,
MikeHey atx_m,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.home #av_section_1 > .container > .content { padding: 0; }
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,
MikeHey Aron,
The circle loading is from Vimeo site waiting for the video to load, there is not a way to stop this.
You could try adding a fallback image to the color section to show before the video loads, such as the first frame of the video.Best regards,
MikeHi,
I don’t have experience with this, his thread is still open, try posting to his thread as he may know.Best regards,
MikeHi,
Thanks, I found that you had this css in your Quick css, as Guenni007 pointed out, I removed it and now your sticky header works.html_header_top.html_header_sticky #header { position: sticky !important }
Best regards,
MikeNovember 26, 2024 at 4:59 pm in reply to: wp_targeted_link_rel ist seit Version 6.7.0 veraltet und es ist keine Alternativ #1472289Hi,
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,
MikeNovember 26, 2024 at 4:56 pm in reply to: Built in privacy feature in theme options not working correctly. #1472285Hi,
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,
The Sticky Header feature is not meant to work on mobile devices, for desktop it is working, perhaps you have added a plugin or code snippet that is a conflict.
Try did you try disabling your plugins and code snippets?
Also note that if you set this in the theme settings, each page also has this option that can be overridden, so check the page that you are having trouble with.
Otherwise we will need a admin login to the page to check.Best regards,
MikeHi,
I’m not sure why you only see this on iphone, I will ask the team to check with a iphone, it may take a few days, Thanks for your patience.Best regards,
Mike -
AuthorPosts