Forum Replies Created
-
AuthorPosts
-
May 3, 2024 at 4:58 pm in reply to: Replace Lightbox image with magnifying glass for WooCommerce products #1442206
Hi,
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,
MikeMay 3, 2024 at 4:55 pm in reply to: Structured integration of various Enfold pages into one site – mobile view #1442205Hey klick-design-rbh,
When I check the slider image of a chair on the right side is the same in the first three tabs, but in the page source code they are different sections, so I assume that you can change this element.
If I don’t understand correctly then please explain further and perhaps screenshots would help, along with a admin login so we can examine.
For your second question you will need to use custom css, please explain how you want the mobile view to be.Best regards,
MikeHi,
Thanks for the screenshot, so you want to move the burger menu “X” over the logo, are you sure you want to do this, each time you open and close the burger menu on mobile there is going to be a big “jump”. Right now the burger menu icon stays in the same place when open or closed.
Nonetheless, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top #av-burger-menu-ul { vertical-align: top !important; padding: 130px 0 !important; } .responsive.av-burger-overlay-active #top #wrap_all .main_menu { top: -90px; } }
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 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 that you have this sorted out, this is the recommended solution so we will go ahead and close that as you have asked. 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,
when I check your mobile menu the top line is almost on the burger menu “X” please see the screenshot in the Private Content area to ensure that this is what you see also.
If not then perhaps your mobile device cache is showing you an old version, if this is what you see and you want it even higher try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #av-burger-menu-ul { vertical-align: top; padding: 190px 0 !important; }
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 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,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, 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 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,
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 jamesbarrell,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #header .av-main-nav > li.current-page-ancestor > a .avia-menu-text { color: #afbf36; }
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,
Please see your other thread about showing woocommerce product categories
You will need to use the shortcode instead of the masonry element.Best regards,
MikeHi,
Thank you for your patience and the link to your page, to research the issue of the video loading twice I copied your page to my test site and each of your videos only loaded once, you have one at the top startseite.mp4 and one at the bottom hintergrundvideo_1.mp4
I then checked your page again and each video was loaded twice:
I tried disabling your plugins and testing again, but it still showed the videos loading twice, so I’m not sure if this is a cache issue. Does your web server use a “object” cache such as Memcached, Redis, Varnish? I’m not sure what would cause the videos to load twice but it doesn’t seem to be caused by the theme since I can’t reproduce it.
If you do have a server cache try disabling it and see if that helps, it may take a few hours.
As for the prelaoding issue, the prelaoder will not show the page until it is fulling loaded, and when it is off your page will show before it is fulling loaded, so this behavior is expected since you page is loading slowly. I also note that my clone of your site loads in under 9 seconds even though all of the images and videos are pull from your server, you site is taking over 22 seconds, this is strange.Best regards,
MikeMay 2, 2024 at 10:48 pm in reply to: How to add packages with free symbols / Icons in enfold #1441999Hi,
Thanks Guenni007, your transfer_fontsize_to_backgroundsize script is a nice touch :)Best regards,
MikeMay 2, 2024 at 6:05 pm in reply to: How to add packages with free symbols / Icons in enfold #1441975Hi,
This thread covers a couple of different methods and I think that it might be confusing.
So if you want to use color icons, then you would use Guenni007’s example, the easiest path is to upload the png images to your media library and then for each one choose a existing theme icon that you would probably never use as a placeholder, for example the keyboard ( ue83a ):
and then use this css to replace it with your image:[data-av_iconfont="entypo-fontello"][data-av_icon="\e83a"]:before{font-size:0;width: 40px;display: inline-block;background-image: url(/wp-content/uploads/2024/05/tree.svg) !important}
now whenever you use the keyboard icon on your site your new image will show:
If you want to use B&W icons you can take the B&W PNG images and convert them to SVG, then follow Guenni007’s steps to fix them for Fontello then upload the SVG to Fontello to create your icon font:
then download the new icon font zip file and upload it to Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager and then they will show in your icon list.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,
MikeMay 2, 2024 at 11:47 am in reply to: How can I switch 4×25% containers on the desktop to 2×50% container mobile? #1441867Hey frasche,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all .flex_column.av_one_fourth { width: 48% !important; margin-right: 2% !important; } .responsive #top #wrap_all .flex_column_table_cell { float: left !important; } }
if this doesn’t help please include a link to your page so we can examine.
Best regards,
MikeHi,
Sounds like extortion, nonetheless it should 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 Yory,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all .av-product-class-minimal-overlay .inner_product_header { opacity: 0; } #top #wrap_all .av-product-class-minimal-overlay a:hover .inner_product_header { opacity: 1; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMay 1, 2024 at 11:32 pm in reply to: How to add packages with free symbols / Icons in enfold #1441658Hi,
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, please register your Purchase Code here. Then log into the support forum and open a new thread when you have any questions and we will be happy to help.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner, #top .av-hamburger-inner::before, #top .av-hamburger-inner::after { background-color: #009989 !important; } #top .av-burger-overlay li li .avia-bullet, #top .av-hamburger.is-active .av-hamburger-inner, #top .av-hamburger.is-active .av-hamburger-inner::before, #top .av-hamburger.is-active .av-hamburger-inner::after { background-color: #fff !important; }
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,
MikeMay 1, 2024 at 5:33 pm in reply to: How to add packages with free symbols / Icons in enfold #1441618Hi,
Great example Guenni007, rixi you can also use the built-in icons that you might never otherwise use and assign css to always show your new images whenever they are used. Your new images are uploaded into your media library.Best regards,
MikeHey mattb1169,
Please see our documentation for Logo Centered split menu it will explain the specific settings and the code snippets. Another user Guenni007 posted a different example using jQuery that calculates the center better and would recommend giving it a try.
Please note that both solutions will depend on how many menu items that you have, fewer is better and six should be fine, and when your menu changes to the mobile menu, 990px is better, but each site is a little different.Best regards,
MikeHey Craig Rashkis,
Thank you for your question, you can purchase extended support later if you wish, but at the time of purchase the additional 6 months, for a total of a year, is at a big discount, later it will be more.
I would recommend purchasing the additional 6 months support to any of my family or friends :)Best regards,
MikeMay 1, 2024 at 5:01 pm in reply to: How to add packages with free symbols / Icons in enfold #1441612Hi,
If you want to use color icons (png, jpg, or gif), follow Guenni007’s css technique here.
Thanks for sharing Guenni007 :)Best regards,
MikeHi,
Thank you for the login, I edited your homepage and changed the Layout ▸ Header visibility and transparency as above, 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,
MikeMay 1, 2024 at 12:34 pm in reply to: How to add packages with free symbols / Icons in enfold #1441571Hey rixi,
Please see our documentation on Adding your own Fontello Icons
If you don’t find any icons you like at fontello.com then you can create your own by following these steps.Best regards,
Mike -
AuthorPosts