Forum Replies Created
-
AuthorPosts
-
Hi,
For the Team Member element to add more social icons you can add or edit the team member social icons by adjusting the Add/Edit Social Service or Icon Links settings:

If you don’t see the icon you want to see in the icon options:

then you will need to add more icons from fontello, please see our documentation for Adding your own Fontello or Flaticon Icons

You can only use black & white icons and must choose one from fontello, if they don’t have the one you want then need you will need to create it by finding an SVG and converting it on Fontello to create the icon font:
The icon font will be black and white a colored SVG won’t work. But if you find a png with a transparent background then you can convert it here.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,
MikeSeptember 19, 2023 at 5:53 pm in reply to: Problem Slider volle Breite ist nicht an oberen Rand zu bekommen. #1419609Hi,
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,
MikeSeptember 19, 2023 at 5:47 pm in reply to: menu con categorie prodotto sempre allineate orizzontalmente su una riga #1419608Hi,
This would have to be done in the woocommerce plugin, according to this post you can not prices with and without tax at the same time without customization or a plugin.
If the suggestion in the post doesn’t help please reach out the woocommerce plugin support as they would know more about this than us.
Please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker. This thread has touched on three topics now and if you are happy with the first solution we should close this thread, for further questions please open a new thread Thank you for your patience and understanding and 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,
Please note that we ask that each thread stays on a specific topic, so please open a new thread
When I checked your staging site shop I was able to get to your check out with no issues, so in your new thread please explain how to reproduce the issue and if it require demo credit card and billing info, please also include that info as we won’t be able to enter our info for testing.Best regards,
MikeHi,
For border color, radius, and icon size try this css:#top #header.header_color .widget input[type=text] { border-color: red; border-radius: 10px; } #top #header.header_color .widget #searchsubmit { border-radius: 0 10px 10px 0; } #top #header.header_color .widget #searchform #searchsubmit { font-size: 30px; }This should also work on your live site.
Best regards,
MikeSeptember 18, 2023 at 6:16 pm in reply to: menu con categorie prodotto sempre allineate orizzontalmente su una riga #1419492September 18, 2023 at 6:05 pm in reply to: Problem Slider volle Breite ist nicht an oberen Rand zu bekommen. #1419490Hi,
Oh I see, for that you want to disable your sticky header, at Enfold Theme Options ▸ Header ▸ Header behavior ▸ Sticky Header I did it for you, please check.Best regards,
MikeHi,
Try adding the CSS in the Enfold Theme Options ▸ General Styling ▸ Quick CSS fieldBest regards,
MikeSeptember 18, 2023 at 11:49 am in reply to: Problem Slider volle Breite ist nicht an oberen Rand zu bekommen. #1419462Hi,
To show the header inage as a background image for the header after scroll, I added this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #header.av_header_sticky:not(.av_header_transparency) #header_main { background-image: url(https://wp-experten.com/wp-planer-consulting/wp-content/uploads/2023/09/planer-consulting-photovoltaik-anlagen-header-2.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; height: 100%; width: 100%; }please clear your browser cache and check.
Best regards,
MikeHi,
To move the search bar to the right try adding right: -15%; to .av-logo-container .inner-container .widget
To change the search hove try adjusting this css:.header_color #search-6 input[type=submit]:hover { background-color: #dc3532; color: #fff; }Best regards,
MikeSeptember 18, 2023 at 3:03 am in reply to: menu con categorie prodotto sempre allineate orizzontalmente su una riga #1419433Hi,
When testing for different devices on your desktop browser you will need to reload the page when you chage the screen width, this will not be an issue for real devices because their screen sizes don’t change in the same way after page load.
Adding a listener to the page only for testing is not a good idea.Best regards,
MikeHi,
I added it to your snippets plugin and it is working, please clear your browser cache and check.Best regards,
MikeHi,
Yes you can adjust the css to suit, glad to hear you like this.Best regards,
MikeSeptember 17, 2023 at 10:46 pm in reply to: problems with the design of my website in the mobile version #1419424Hi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
To center Olha Karpi on small screens

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 425px) { #top #main .av-large-testimonial-slider .avia-testimonial-meta { display: flex; flex-direction: column; align-items: center; } }After applying the css, please clear your browser cache and check.

Best regards,
MikeSeptember 17, 2023 at 10:32 pm in reply to: menu con categorie prodotto sempre allineate orizzontalmente su una riga #1419422Hi,
Try adding this css:.account-menu { z-index: 3; }then clear your browser cache.
Best regards,
MikeSeptember 17, 2023 at 9:17 pm in reply to: problems with the design of my website in the mobile version #1419418Hey yas28,
Do you mean that the titles don’t fit on a single line like this:

you can adjust the font size for mobile at styling ▸ font size and click the icon for the phone and then set the size you wish

To see a better display of your site for mobile when you are editing, try opening your site in another tab and use the Dev Tools Responsive Design Mode

Best regards,
MikeHi,
You can change the font size in the Enfold Theme Options ▸ Advanced Styling for menu items, but the flag is a very small icon, so you can’t make it larger.Best regards,
MikeHi,
Very good then, I sent you the code to fix the errors in another post.
We will close this one then.Best regards,
MikeHi,
I see that the image for your product “Complete Opleiding” was cropped even though the uploaded original image seems to be the same size as the others.
It also looked cropped in the product featured image of the backend, so I downloaded it and renamed it and uploaded it to your product again and then it looked correct in the featured image:

and now it looks correct on the frontend:

Perhaps it was just a hickup, it seems to be working correctly now, please check.Best regards,
MikeSeptember 17, 2023 at 8:31 pm in reply to: Changes not visible after updating portfolio-item #1419402Hi,
I tried adding a images to the portfolio item that you liked to in your post above as the one with the issue, and it showed the difference when I saved it and also when I removed it again. I see that you have a few plugins disabled so I assume that you figured out the ones causing the error.
Did you need any further help with this issue?Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 1366px) { #top.page-id-3627 .av-masonry-entry.type-product .av-masonry-image-container { transform: scale(.5); } }adjust the “.5” to suit, “.5” is 50% smaller and 1 would be the original size.
I added the page ID page-id-3627 in the code so it will only work on the one page, you can remove it if you want it to work on all pages.Best regards,
MikeHey Stilecatalini,
I carefully examined your site and came up with a way to center your logo for all device sizes and for it to show in the same place when the menu is open.
This is the logo before the menu is open:

and this is with the menu open the logo shows in the same place:

Add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function show_logo_in_burger_menu() { ?> <script> (function($){ $('#avia-menu').one('click', function(){ jQuery('.logo.avia-standard-logo').clone().wrapInner('<div class="burger-logo"/>').children(0).unwrap().prependTo('#av-burger-menu-ul'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'show_logo_in_burger_menu', 99);and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (min-width: 990px) { .logo.avia-standard-logo, .logo.avia-standard-logo a { display: flex; justify-content: center; width: 100%; align-items: center; } .av-burger-overlay-active .burger-logo { top: 30px; position: absolute; justify-content: center; display: flex; width: 100%; } } @media only screen and (max-width: 989px) { .responsive #top .logo { width: 100%; display: flex; justify-content: center; align-items: center; } .responsive #top #wrap_all .main_menu, .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { top: 11px; height: 55px; } .av-burger-overlay-active .burger-logo img { height: 30px; max-height: 30px; width: 155.17px; } .av-burger-overlay-active .burger-logo { top: 25px; position: absolute; justify-content: center; display: flex; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.html_header_transparency.html_header_top #top #main { margin-top: -70px; } .responsive #top .logo { height: 80px !important; } }Best regards,
Mike -
AuthorPosts



