Forum Replies Created
-
Posts
-
Hey daves1997,
I don’t see a logo, are you going to use one, and if so where will it be?
You can center the logo and menu at Enfold Theme Options ▸ Header ▸ Header Layout ▸ Menu and Logo PositionBest regards,
MikeHey northorie,
To create a text box popup add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function magnific_popup_with_no_scroll() { ?> <script> (function($) { $(window).on('load', function(){ $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'magnific_popup_with_no_scroll', 99 );Then on the page you want the popup to show on add this into a code block:
<div id="open-popup" class="popup mfp-hide"> <p>PLACE CONTENT HERE</p> </div>change the “PLACE CONTENT HERE” text to suit your needs, including adding a image.
Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; }Here is an example with a image in the popup:
Best regards,
MikeHi,
I was not able to test your vimeo hosted video on my test site because you have set a domain restriction, but I was able to download the video and test in on my site as a color section background video and the size shows correctly, please see the link in the Private Content area.
please remove the video domain restriction so I can test it on my site.
As for your test page, you have a javascript error for the video:Uncaught TypeError: Cannot read properties of undefined (reading 'value')
The login that you provided is not an admin login so we can not examine any of the theme settings, please upgrade.
Try disabling any caching plugins and any CDN and Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and see if that corrects the javascript error.Best regards,
MikeHey elegiaque,
Thank you for the video, I’m not sure what could be causing this, but perhaps it is a caching issue, does your website server use a “object” cache such as Memcached, Redis, Varnish, Litespeed?
Can you disable it temporarily? If your not sure, perhaps the first place to start is to try disabling all of your plugins, and test again. If that resolves the issue, reactivate each one individually until you find the conflict.
If this doesn’t help, then leave all of your plugins disabled and go to your server and see if you can clear the server cache or temporarily disabled it, if your not sure then try asking your web host support. If you don’t have a server cache or you are able to disable it and the issue still happens, please include an admin login in the Private Content area so we can investigate further.
Please also tell us what web host you are using, perhaps this will help us investigate.Best regards,
MikeHi,
I see three errors in the browser console:
the last two are:
Google Maps JavaScript API error: InvalidKeyMapError
Google Maps JavaScript API warning: NoApiKeys
I believe both of these are because your map API key is not added to the page, the map API key is typically added via javascript and you should be able to find it in the page source code by searching with Ctrl+F (windows), I didn’t see it, but I don’t know your exact API key, so try search the source code for it.
Anyways, the point that I’m getting at is the first javascript error in the browser console, a jQuery is not defined for a meta property with this link:
/event/blazers-vs-clippers-fundraiser/?instance_id=1309
it seems that jQuery is treating /?instance_id=1309 as jQuery code, when it is not, and sometimes when there is a break in jQuery it stops the rest of the scripts to also break. So perhaps the javascript to add the map api is not running because of this error.
Try removing this error first and see if that helps.
I believe the link is your event url, so try removing ?instance_id=1309 from the link as a test and see if this solves the first error, and the map error too.Best regards,
MikeHi,
Correct, like this:
###lt###strong###gt### your title ###lt###/strong###gt###
please note the closing tag slash is in the front.Best regards,
MikeHi,
I have not researched any plugins with this feature, but you could use this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to hide the top cart section that is not needed:#top.woocommerce-cart .woocommerce.wp-block-group[data-block-name="woocommerce/classic-shortcode"] { display: none; }Perhaps this is the default behavior of the plugin.
Best regards,
MikeHi,
If you have tried to remove the incorrect tags, and when you save the elements disappear or the page crashs, this means that the page error is not recoverable and you will need to delete the page and build it from scratch. If you have saved any of these sections as a builder template you will need to delete those also and not use them when you rebuild the page.
This is why the Dev Team added the warning message in red to the title fields:
Best regards,
MikeHi,
Thanks for the screenshot, I see that your cart page layout is not standard, this is your:
this is the standard layout:
on yours when the “remove” is clicked in the lower added section:
the item is removed from the cart because you see a message for the lower added section:
and if you reload the page the top standard section also shows that the cart is empty:
so the issue seems to be that your PayPal Payments plugin adds a section to the cart and it is not linked to the standard section. I don’t use this plugin, but perhaps there is a setting to only show the new cart, lower section, with the plugin, there would me no reason to show both carts. Please review the settings or review the plugin documentation.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 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 GorillaBeats,
Thank you for the link to your site, I tried adding an item to the cart:
and then I removed the item and it was removed successfully:
I also tried adding two items:
and then removed one item, then one itme was left:
Is this what you mean?Best regards,
MikeHey CincinnatiWebTec,
Thank you for the link to your site, I see that the javascript error is for #gid=918408483
and is for the menu items 5th Grade & 6th Grade under “Homework”
the hash symbol in the google spreadsheet url is causing an error with the WordPress javascript, this error then cases the error with the slider’s javascript.
I recommend using TinyURL, or something similar, to change the menu links to a new URL and then check again.Best regards,
MikeHi,
Thank you for the link to your site, portfolio post IDs are different than page IDs, this is an example:#top.postid-364 #av_section_1 > .container { padding: 0; }I adjusted all three and they are now showing correctly.
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,
Please link to a example portfolio page where we can see it not working so we can examine.Best regards,
MikeHi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top strong > a { text-decoration: underline!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,
MikeHi,
Thanks for the feedback, I see that your image has 50% black area on the left, and a person on the right on your desktop size screen.
If you also want this for mobile and you don’t require the slider to be full height, then try the “Fullwidth Easy Slider” instead of the “Fullscreen” slider that you are using, the Fullwidth slider will scale down for mobile.
Or you can use the Fullscreen slider you have now for desktop, and the Fullwidth for mobile, to do this go to the advanced tab and the Responsive settings for each slider and choose the devices to hide the slider on:
If I don’t understand correctly perhaps a mock up would help us understand better.Best regards,
MikeHey liuxuewu,
If you mean the WordPress page “preview” this may not show the elements and styles correctly. Please try making the change and then save the theme settings and then disable your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files then clear or disable any cache plugin and clear your browser cache and view a live page, not a “preview” of a page.
If you are using a CDN or server caching you may need to clear those also.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.
Also let you know what color you want the main menu items, before and after hover and the color of the sub-menu items.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 Elena,
Please link to one of your post pages so we can examine the links that are not getting the underline and offer some additional css.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#footer-page .av-social-sharing-box .avia-related-tooltip.avia-tt { display: none !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
I don’t believe there is a way to check your sites by the purchase code, you will need to look at the token used on each site and compare it with your Envato (Theme Forest) account.Best regards,
MikeHi,
This looks like a new topic, 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.
When I check you site on mobile your slider is fullscreen, so I assume that you are asking if it can be fullscreen and so the background image similar to the desktop version.
Your slider is using a landscape image, but mobile is typically a portrait layout, so your best solution would be to create a second slider for mobile devices and choose a image in a portrait layout.
Or you could try moving the image to the left so the person is shown in the middle on mobile devices with this css:@media only screen and (max-width: 767px) { #top.home .avia-fullscreen-slider .avia-slideshow-inner .avia-slideshow-slide { background-position: right center !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.
If this helps you with this topic please let us know so we can close this thread.
Thank you for your patience and understanding and for using Enfold.
For further questions please open a new threadBest regards,
MikeHi,
In this screenshot your strong tag is not closed correctly and will probably cause an error:
Please review the documentation link in the warning message and don’t add html code the title fields.
Please use our Special Character Translation plugin that you can use to replace the html characters with safe characters, such as:< = ###lt### > = ###gt###If you saved this error as a template then the template will need to be deleted and everwhere that it was used will need to be corrected.
If you need further assistance please log in to the support forum and open a new thread, please note that using the contact form is not appropriate for support questions.
If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.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,
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
