Forum Replies Created
-
AuthorPosts
-
Hey lucapada,
Thanks for your question, but I don’t have any experience with GSAP, if you are having trouble with playing the clip I found this thread about this with this working example.I was not very clear on your goal, I tried creating a page with 3 color sections, each set to 100vh, with the background video in the middle section:

and in my test without your script the video doesn’t start playing until it is in view.
So perhaps you don’t need the script to achieve this?Best regards,
MikeHi,
Thanks for the login but the link to your site is not working, do you have a new url?Best regards,
MikeHi,
Thanks for the login, I removed your duplicate css and adjusted the remainder css so instead of having a box around the active menu item it now is green with a green line under it.
Please clear your browser cache and check.Best regards,
MikeHi,
The script is written so that when the burger menu is opened the one at the top is hidden and when the burger is closed the one at the top is shown again.
Is it not working for you in this way?
Or do you wish that the header search icon never shows and is only available in the burger menu?Best regards,
MikeNovember 13, 2022 at 3:51 pm in reply to: All of a sudden: Page Attributes missing for Posts #1372415Hi,
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, 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,
To add the ajax search icon to the top of the burger menu add this function to your child theme functions.php:function add_ajax_search_icon_to_burger_menu(){ ?> <script> (function($){ $('#avia-menu').one('click', function(){ $('#menu-item-search').clone().wrapInner('<li class="burger_search"/>').children(0).unwrap().prependTo('#av-burger-menu-ul'); $('#top #wrap_all #av-burger-menu-ul > li').css({'-webkit-transform':'none'}); }); $('#avia-menu').click(function() { setTimeout(function(){ if ($('#av-burger-menu-ul').is(":visible")) { $('#menu-item-search').css({'visibility':'hidden'}); }else{ $('#menu-item-search').css({'visibility':'visible'}); } },500); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_ajax_search_icon_to_burger_menu');Please note that you need to have the search icon enabled in the theme options at Enfold Theme Options ▸ Main Menu ▸ General ▸ Append search icon to main menu
this is the expected results with the burger menu open:

and when the search is used:

Best regards,
MikeHi,
Thanks for the further explanation, please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.av_gmaps_sc_main_wrap #av_gmap_0 .av_text_confirm_link { margin-left: -100px; }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,
MikeHey tammiviestinta,
I would agree that you have a lot of plugins, in my test your large images slow down the site

but the biggest concern is that your web server waits over 3 seconds to start sending the webpage, this is very slow.

your First Byte should be more like half a second, like this:

Best regards,
MikeHey allespalettibystefan,
Thanks for the screenshot, the text in the button looks centered to me, can you show us a mockup of what you would like to see?
Also include a link to your page so we can examine the elements and recommend some css.Best regards,
MikeHey diefleischerei,
Thanks for your question you can create a print button with this code in the page:
<button class="print" onclick="window.print()">Print This</button>
and this css:button.print { background-color: #0366d6; color: #ffffff; border-radius: 3px 3px 3px 3px; border: none; border-width: 1px 1px 1px 1px; }This would be the results:

You will probably also want to use the print media query to set which elements print and which ones to avoid, for example:@media print { p { font-size: 18px; line-height: 1.1em; } .sidebar { display:none; } .single-post #content { text-align: center; top: unset; left: unset; transform: none; position: relative; background: none; width: 100%; padding: 0; } }Best regards,
MikeHi,
Thanks for testing Guenni007, is the code above for galleries and masonry galleries and images? This is a nice share many others may find this helpful.Best regards,
MikeHi,
You can add this function to your child theme functions.php:function avia_include_shortcode_template( $paths ) { if( ! is_array( $paths ) ) { $paths = array(); } $template_url = get_stylesheet_directory(); array_unshift( $paths, $template_url . '/shortcodes/' ); return $paths; } add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );then in your child theme directory create a new directory /shortcodes/ then copy the folder with your customized element into it, in your case /portfolio/portfolio.php
Best regards,
MikeHey AlpineWeb,
Thanks for your question but I’m not sure what you mean, can you share a mockup?
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.Best regards,
MikeHey neeraj_nkumar,
Sorry for your trouble but unfortunately our table element is basic without this option. Since you are creating such a large table, perhaps there are more advanced table plugins that would give you more options?Best regards,
MikeHey JoeTheMacGuy,
Please link to your page so we can examine the elements and provide the correct css.Best regards,
MikeHi,
Typically you would follow our documentation and find your icon at fontello.com and then add it to your site. But Patreon is not available at fontello.com
So if you add a social icon that you don’t use and add your Patreon link to it we can use css to swap out the icon with one of these

let us know which one you like.Best regards,
MikeHi,
Thanks for your feedback, but the background video is working for me in Chrome.

I took a look at your page but the slider was showing shortcode in it:

I was not able to investigate further because the login you gave us is not admin so we can not see the theme settings or investigate.
So try disabling all of your plugins and try again on a new page, but if you continue to see this shortcode then there is a conflict somewhere.Best regards,
MikeHi,
The issue with the other user is that he was adding emojis to title elements that don’t support HTML.
If you are losing emoji somewhere else please include an admin login to your site and explain how we can reproduce the error so we can investigate.
Please ensure that you have reproduced the error with your plugins disabled to ensure that this is not your issue, we have not been able to reproduce this on a clean demo install.Best regards,
MikeHi,
I have tested the functions.php code and it works correctly, perhaps you copied the code from an email please copy the code from the forum.
If you continue to have trouble please include admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey Asterios,
Thanks for your question, it sounds like you want to use your email that is with your domain with WordPress, if so you will need to use the plugin WP Mail SMTP and set it up with your domain SMTP login so that WordPress sends the email though your webhost SMTP server.
Just follow the instructions from the plugin and if you have trouble your webhost can help.
Otherwise, your email will be marked as spam.Best regards,
MikeNovember 12, 2022 at 11:32 pm in reply to: Problem with anchor links to specific section on other page #1372362Hi,
Thanks for your patience and the link to your site, I tested your link on Windows in Chrome, Firefox, & Edge, and Mac Safari, Firefox, and Chrome and on each when I clicked the close “X” the section #films is centered in the page. These are the browser versions I tested with:
Mac:
Chrome v107
Firefox v106
Safari v16.1Windows:
Firefox v107
Chrome v107
Edge v107Best 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,
MikeHey A,
Thanks for your patience and the link to your site, to make your header transparent only on your homepage and make the menu items white when the header is transparent so you can see them I added this css:.html_header_top.html_header_sticky #header.av_header_transparency { background: transparent; } #top #header.av_header_transparency .av-main-nav > li > a { background-color: transparent; } #top #header.av_header_transparency .av-main-nav > li > a .avia-menu-text { color: #fff } #top #header.av_header_transparency .av-main-nav > li#menu-item-search > a { color: #fff; } #top #header.av_header_transparency .av-main-nav li:hover .avia-menu-fx, #top #header.av_header_transparency .current-menu-item > a > .avia-menu-fx, #top #header.av_header_transparency .av-main-nav li:hover .current_page_item > a > .avia-menu-fx { background-color: #fff; }To remove the social icons I removed them at Enfold Theme Options ▸ Social Profiles, none of them had links so they would not do anything on click anyways.
Then I added this css to make your phone number larger and move the menu over to make room:#header_main .phone_number a p { font-size: 47px; } #header_main .avia-menu.av_menu_icon_beside { margin-right: 336px; }If you want the phone number smaller feel free to adjust
please clear your browser cache and check.Best regards,
MikeHi,
To add the underline effect please add this css:.av_minimal_header #header_main .avia-menu-fx { display: block; }The border around your menu item is added by your css:
border: 1px solid rgba(0,61,29) !important;
but you have the same css added twice so you will need to remove both of them:

this is also the reason the padding issue with the menu text, in one place you corrected the padding topadding: 5px 0 5px 5px !important;but not in the other place, this is why I asked for a login to help you remove this other css.Best regards,
MikeHey cktanju,
Thanks for your patience and the link to your page, when I check your videos in the section “showreel” I don’t see any issues with the control elements, but from your description I believe the page may be different now because I don’t see a lightbox, if this is true can you create a test page that shows the error, can you tell us if this occurs on both Android and iPhone?Best regards,
MikeNovember 12, 2022 at 8:47 pm in reply to: display-error: open a tab element with deeplink jumps to the top of the page #1372334Hi,
Thanks for your video, in Firefox on Windows I see this happening for the items:
LEDA – Long-Term Experimental Dry Storage Analysis
DCS-Monitor II
Forschungsverbund Myonenradiografie
which are the last three on the page.
But this doesn’t occur in Chrome or Edge, I don’t see any reason why this would be occurring.
I asked the rest of the team if they have any ideas, Thank you for your patience.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,
Mike -
AuthorPosts

