Forum Replies Created
-
AuthorPosts
-
Hi,
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,
Thank you for the login, since you said your plan is to omit the overlay for smaller screens my test found that the layout you have begins to show well for 1024px so I used that as the breakpoint, so this script checks for a minimum width of 1023px and a scroll of 20px from the top on the home page only. The css below hides the element on smaller screens.
I added this code to the end of your functions.php file in Appearance ▸ Editor:function custom_home_overlay() { ?> <script> (function ($) { $(window).scroll(function() { var width = $(window).width(), height = $(window).height(); var scroll = $(window).scrollTop(); if (scroll > 20 && width >= 1023) { $('#top.home #overlay').css({ 'display': 'none'}); } if (scroll < 20 && width >= 1023) { $('#top.home #overlay').css({ 'display': 'block'}); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_home_overlay');
and this to your Quick CSS
@media only screen and (max-width: 1023px) { #top.home #overlay { display: none; } }
please clear your browser cache and check.
@Guenni007 thank you for your idea, I didn’t try it because we were already down this path 🙂Best regards,
MikeHi,
Sorry I don’t know of any customization plugins like this, it sounds like css would solve these issues, I would recommend searching the forum for these solutions. If you don’t find a solution you can open a new thread and we would be glad to help you.Best regards,
MikeHi,
If you are going to add a line of text to the short description, that will give you the same result as the [Return] key, so this will be good either way.
For the “Further Information” tab, this is a default additional tab in woocommerce you can remove it with the following function in your functions.php:add_filter( 'woocommerce_product_tabs', 'my_remove_product_tabs', 98 ); function my_remove_product_tabs( $tabs ) { unset( $tabs['additional_information'] ); // To remove the additional information tab return $tabs; }
You can read more about this solution here.
Best regards,
MikeHi,
Glad to hear we were able to help, but this was not my code, I believe the original thanks goes to Guenni007 in this thread or it was a collaboration with Ismael in a later post from the same thread 🙂
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,
Very good then, glad we were able to clarify this 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,
Ok, looking back at you product that we were working on that you were happy with: Testo 310 I see the short description div is present because a [Return] key entered two paragraph tags were added:
So I tried entering the [Return] key once on a product where the short description was not present and thus the buttons were not lined up: Testo 830 and this solved the issue:
So please check and try this on your other products.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,
Well I tested on my localhost and found that if you don’t add a short description then the div is not added, thus changing the layout. So you make all of your products have the same layout thus alining the buttons the same you would want to add a short description to all of your products, were you planning on doing this and just have not had time?Best regards,
MikeHey Brian,
Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:@media only screen and (min-width: 1200px) and (max-width: 1800px) { #header_main_alternate .main_menu .menu li#menu-item-4460 ul ul { left: -207px!important; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Please try this css:#top #wrap_all h3.slide-entry-title.entry-title { font-size: 17px !important; font-weight: normal; }
After applying the css, please clear your browser cache and check.
Please note that not all fonts have a 100 font-weight available, thus the use of “normal” but you can try 100 if you want.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,
Sorry I don’t have an iPhone or iPad so I’m testing based on screen widths, my info has the iPad pro at 1024px-1366px, regular iPad 768px-1024px, & iPhone 414px-736px
so iPad portrait should be between 768px – 1024px & iPhone landscape should be 736px
in my test the iPhone landscape shows the 3 boxed items as a single column, please see the screenshot in the Private Content area.
The iPad pro & regular iPad also looked fine with the css above applied, it doesn’t look like you are using it right now, but see my screenshots below.
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.
So perhaps this is why the css above looked like it didn’t work, please try again.
If you still have trouble please include screenshots so I can try to match.
As a side note please ensure you are not “zooming” the browser and you are using 100% scale, some users use the “zoom” on their browser but there is no css that can recognize “zoom” so there would be no solution for that.Best regards,
MikeHey ndszamoca,
Thanks for the link to your site, I was not how much space you wanted or how big the button should be so please try this css:.header-scrolled .donuni,.header-scrolled .donuni > a { margin: 10px 0; max-height: 60px; line-height: 40px!important; } .donuni { margin-top: 50px; max-height: 60px; line-height: 40px!important; } .donuni > a { line-height: 60px!important; }
After applying the css, please clear your browser cache and check.
The expected results;
Best regards,
MikeHi,
Thank you, I see that you tried to add this css to hide the added menu items:.responsive #top #wrap_all #header #av-burger-menu-ul > li.menu-item-1134.av-active-burger-items { display: none; }
and they are hidden after a second but on initial opening of the burger menu they are shown, this is because the burger flyout menu is created on click and is not present on page load so there is a lag between the menu creation and the browser applying the css.
So let’s scrap that idea and try this instead, remove those menu items, and add this code to the end of your functions.php file in Appearance ▸ Editor:function custom_menulink_script() { ?> <script> (function($) { var custommenulink = $('<a class="custommenulink" href="/tr/">TR</a><a class="custommenulink" href="/en/">EN</a>'); $(custommenulink).insertBefore('.menu-item-avia-special'); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_menulink_script');
please adjust the link url in the above code.
and add this code in the General Styling ▸ Quick CSS field:a.custommenulink { line-height: 80px; color: #fff; padding: 0 13px; font-weight: 600; } a.custommenulink:hover { color: #fff; text-decoration: none; } .js_active.html_burger_menu #avia-menu .av-burger-menu-main { float: right; } @media only screen and (min-width: 768px) { #avia-menu a.custommenulink { line-height: 90px; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeNovember 21, 2021 at 3:48 pm in reply to: Widget Enfold Facebook Likebox don't working in footer #1329844Hi,
Odd, I moved the FB widget to the inactive wigets area and now the custom code one is the only one showing for me, please clear your browser cache and check.
Are you using a ad-blocker? In this post it sounds like you are, if so which one are you using? If you turn off the ad-blocker are you able to see the Likebox?Best regards,
MikeHi,
Please add the items so I can examine and give you some css to hide from the mobile menu.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 create two menu items like above and adjust this css to match your menu item ID’s.responsive #top .av-main-nav #menu-item-3178.menu-item { display:block; } .responsive #top .av-main-nav #menu-item-3179.menu-item { display:block; }
Best regards,
MikeHi,
To not have a menu icon in mobile for your sub-menu please change the Mobile Menu Display option to Display Full Menu
As for having a sticky sub-menu on mobile, I have a solution that works on an Enfold install, but it doesn’t seem to work on your site, perhaps due to your sub-menu has the menu button showing right now, but you can try.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ $(function() { var scroll_start = 0; var startchange = $('#sub_menu1'); var offset = startchange.offset(); if (startchange.length){ $(document).scroll(function() { scroll_start = $(this).scrollTop(); if(scroll_start > offset.top) { document.getElementById('sub_menu1').classList.add('sticky-top'); } else { document.getElementById('sub_menu1').classList.remove('sticky-top'); } }); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');
and add code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
.sticky-top { position:fixed!important; top:0!important; z-index:10000!important; }
if this doesn’t work Please include an admin login in the Private Content area so we can investigate.
Best regards,
MikeHi,
Glad Yigit was 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 Nicky1976,
Thank you for the link to your site, when I check the slider the headlines are fully visible on mobile, so what I believe you are referring to is the full width of the images are not shown on mobile in portrait mode, this is because this slider shows the preference of full height over scaling down the image to show the full width.
The problem is that your desktop images have an aspect ratio towards landscape and not portrait. To show a fullscreen slider on mobile and show the full width of the images you will need to use two sliders, one for desktop and one for mobile, you can use the screen options to show/hide them.
When you create the images for the mobile version you will want to ensure they have a portrait aspect ratio, just about double the height vs the width, here are some exact screen sizes if you are interested.
If you just want to use the images you already have and you don’t need the slider to be fullscreen on mobile, then use an Easy Sider element as your second slider, it will show the full width but it won’t be as tall.Best regards,
MikeNovember 21, 2021 at 12:00 am in reply to: Querstriche im Untermenü / Dashes in the submenu #1329809Hi,
Thank you for the screenshot, but it looks like you have already sorted this out?Best regards,
MikeHey Lautho2011,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:@media only screen and (min-width: 767px) and (max-width: 1368px) { #top.home #av_section_2 .flex_column_table_cell { padding: 30px 10px!important; } #top.home #av_section_2 .flex_column_table_cell .avia-button.avia-size-x-large { min-width: 180px; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
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,
Try preventing the page from scrolling with the lightbox popup by trying this solutionBest 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 with the original questions, and thanks for sharing your spam attack solution, 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