Forum Replies Created
-
AuthorPosts
-
May 21, 2023 at 4:00 pm in reply to: Highlighting active html anchor doesn’t work on same page #1408067
Hey AlbertGunst,
Thank you for your patience, your menu items should be getting the class current-menu-item when each menu item is clicked and you would use this in your css instead of :target Please see our documentation under One Page menu. If you would like more heal please like to your page so we can examine with more context.Best regards,
MikeHey LiorMaymon,
Thank you for your patience to add a new social profile please see this subject in our documentation: How to add Custom Social Icons to Enfold options.
Here is an example of adding the TikTok social icon with some screenshots that may help explain, if you have any issues please include an admin login to your site in the Private Content area so we can be of more assistance.
For your portfolio to have a gap and have a title overlay:

try using the masonry element to display your portfolio items and set the title as an overlay:

and choose a large gap:

Best regards,
MikeHi,
I recommend linking your images to the pages and not use the lightbox for this situation.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 989px) { #mobile_footer .flex_column { text-align: center; } #mobile_footer .av_font_icon { display: inline-flex; margin: auto; } #mobile_footer .avia-icon-pos-right { float: none; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
You could use iframes but when you create these pages you would need to disable the header and footer for these pages and they would load slower because you are loading a new page, you would be better off just linking the images to the page instead of trying to load them in a lightbox.
Typically using a iframe to lightbox another page is not satisfactory, the lightbox option works good for a medium amount of information such as will fit in a text element and fits on the screen without scrolling.Best regards,
MikeHey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 990px) and (max-width: 1250px) { #top.page-id-3665 #vorstand .av_one_fourth { width: 17.5%; } #top.page-id-3665 #vorstand .entry-content-wrapper { transform: translate(7%, 0%); } } @media only screen and (min-width: 1251px) { #top.page-id-3665 #vorstand .av_one_fourth { width: 15.5%; } #top.page-id-3665 #vorstand .entry-content-wrapper { transform: translate(10%, 0%); } }After applying the css, please clear your browser cache and check.
Best regards,
MikeMay 21, 2023 at 12:05 pm in reply to: Set image source filename in Javascript to swap/switch for responsive images #1408054Hi,
Glad we were able to help, and thanks for sharing your solution for others to use. 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 menainfosec,
You would use the same script for this as in your H3 tags in the footer thread, so under:
replaceElementTag('#footer h3.widgettitle', '<p></p>');

add these two lines:replaceElementTag('h5.av-share-link-description', '<p></p>'); replaceElementTag('h3.widgettitle', '<p></p>');Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeMay 21, 2023 at 1:13 am in reply to: ALB element “single image” with image caption BELOW the image, NOT AS OVERLAY #1408044Hi,
Glad to hear that you have this sorted out, and thanks for sharing your solution, I have submited your feature request to the Dev Team for review. 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 Nikko 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,
MikeHi,
Glad Nikko 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,
MikeMay 21, 2023 at 1:03 am in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1408040Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > a { display: none; } }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 20, 2023 at 11:24 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1408035Hi,
Thank you for your patience but unfortunately I don’t see an easy way to create a grid of four on mobile, I recommend using your css to only show the main image, this looks like it’s working correctly.Best regards,
MikeHi,
Thanks for the feedback, as I understand when someone chooses a city you only want some schools to show, you would do this by setting the attributes for each variation, where the city is the variation and the schools is the attribute, please see the woocommerce Variable Product documentation
woocommerce doesn’t automatically redirect to the checkout page after clicking the “Add to Cart” button, please see the woocommerce Add to Cart Redirect documentation.
To add Debit Cards or Credit Cards you need to use woocommerce Stripe.Best regards,
MikeHi,
To show the border for https://enfold.mtboards.com/1-2/1-1/1-1-1/1-1-1-1/ try this css:#top .widget_nav_menu ul ul .sub-menu, #top .widget_nav_menu ul ul .children { overflow: visible; }but for your last request we won’t know when your end of the pages in a section is and since you don’t want the parents included in the highlighting for the other levels we won’t know when to add it.
I don’t understand your highlighing scheme because to me it seems logical to have the parent and all siblings highlighted and have the current page bold, but that is just my thinking.Best regards,
MikeHi,
Thank you for your patience, I see that your burger menu is vertically centered until 768px, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 768px) and (max-width: 989px) { .av-logo-container * { vertical-align: top; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience, to change your current post image to 1200px x 630px without stretching them, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.single-post .fullsize .template-blog .big-preview img { width: 1200px; min-height: 630px; object-fit: cover; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience and the screenshots, I check in Windows with Chrome, Firefox, & Edge and was not able to reproduce this, I know you said it was fickle, are you using a CDN or server object-oriented cache? I wonder if after updating your page this site cache and the CDN or the Autoptimize cache was not updating correctly? When you do see this do you check in multiple browser and in iOS & Windows, or does this only occur in one or the other?Best regards,
MikeHi,
Thank you for your patience, typically when a element is hidden with css it is only hidden from view but it is still present in the source code. I’m not sure if the LayerSlider has a workaround for this, I would recommend asking the LayerSlider support team.
If they can’t offer a solution you may be able to modify this solution which removed a slider from the page on mobile, and according to the tests it did so before the element was downloaded. If you are also using the LayerSlider on mobile to show an image instead of the video try using two separate layersliders and remove the video one on mobile instead of trying to remove the video layer alone.Best regards,
MikeMay 20, 2023 at 9:15 pm in reply to: Responsive font sizes for “Special Heading” ALB element? #1408027Hey BeeCee,
Thank you for your patience, I have asked the Dev Team for advice on your question and will reply when I hear back from theme. Thank you for your patience.Best regards,
MikeMay 20, 2023 at 1:17 pm in reply to: Set image source filename in Javascript to swap/switch for responsive images #1408015Hi,
Thanks for the feedback, I originally didn’t notice the difference between the two images. I added a line to your javascript to also change the srcset image, like this:window.onresize = actOnWindowSize; window.onload = actOnWindowSize; function actOnWindowSize() { function displayHomeBanner() { if (window.matchMedia("(min-width: 965px)").matches) { document.querySelector(".homeBannerIMG img").src="banner1.jpg"; document.querySelector(".homeBannerIMG img").srcset="banner1.jpg"; } else { document.querySelector(".homeBannerIMG img").src="banner2.jpg"; document.querySelector(".homeBannerIMG img").srcset="banner2.jpg"; } } displayHomeBanner(); }Please clear your browser cache and check.
Best regards,
MikeMay 19, 2023 at 10:14 pm in reply to: Set image source filename in Javascript to swap/switch for responsive images #1407988Hi,
I checked the source code (DOM) in Windows in Chrome, Firefox, & Edge and I can see the image change from banner1.jpg to banner2.jpg in Dev Tools, please see the screenshot in the Private Content area.Best regards,
MikeHi,
Sorry to hear this happened to you, unfortunately there is not a way to revert this from within the theme, restoring to an older version in your webhost should also include your customizations. I logged into your site and the customizations seem to be there, such at your logo, but your homepage was not set so I set it and your site looks good now, please clear your browser cache and check.Best regards,
MikeHi,
Oh, I see that this is not your thread, and the first post is not yours, this is why I’m confused.
I will close this thread, please update your popup thread and we will continue there.
Sorry, I thought you had two different popup requests at the same time.Best regards,
MikeHi,
Do you mean your request: My client is requesting a Team page with people’s images and having an option for a pop-up feature to show more info
Or you don’t want to do this anymore?Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#avia-menu .dgwt-wcas-search-wrapp { opacity: 1 !important; display: block !important; } #avia-menu .dgwt-wcas-layout-icon-flexible-loaded .dgwt-wcas-search-form { opacity:0; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
It looks like you are trying to use the team element popup on the /team/ page as a plain popup, which is not really what it is meant for.
In this thread you asked: My client is requesting a Team page with people’s images and having an option for a pop-up feature to show more info
this why I recommended the team member element, so my question is are you still looking to have a team page? If so please try adding your team images and member info to the elements.I know you have another thread about plain popups and perhaps your comment here was meant for that thread, which is fine but lets try to keep these threads separate so it’s not confusing. If you changed your mind about having a team member page that is ok, but we should close this thread in that case.
Best regards,
MikeHey johnmac1967,
Thank you for the link to your site, it looks like you are using an old version of the header.php in your child theme, please remove this file and check again.
We don’t recommend adding the header.php or footer.php to the child themes as it is the top reason for errors after an update where these files were changed in the parent theme.
Please use a function in your child theme functions.php to add any code you are tring to add to the header.php, this will prevent errors in future updates.Best regards,
Mike -
AuthorPosts


