Forum Replies Created
-
AuthorPosts
-
Hi,
Please include an admin login in the Private Content area so we can login and check, my guess is that you do not have the Enfold Theme Options > Theme Options > Frontpage Settings set correctly:
or that you are relying on the WordPress > Settings > Reading > Your homepage displays > A static page option:
if so please un-select this option by choosing the -Select- choice at the top of the drop down & choosing the Your latest posts option and saving.
Then clear your browser cache and any cache plugin, and check.
If this doesn’t help also try disabling all of your plugins and checking again.Best regards,
MikeHi,
Your welcome, 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,
For mobile please try this:@media only screen and (max-width: 840px) { #top.home #av_section_1 > .container > .content { vertical-align: bottom; } #top.home #av_section_1 > div > main > div > div > div > .avia-builder-el-2 { margin-bottom: 0; } }
To have something more universal you will need to add some custom classes to the elements, it looks like your structure is:
color section > 3/5 column > text block element (second of two) > embedded image
Please add a different custom class to each one of these, and remove the css I’ve posted above and I will re-write using your new custom classes. Also please post the custom classes you have added to each of these elements so I can find them easier.Best regards,
MikeHi,
Thank you for the feedback, but please ensure that your theme is up to date (v4.8.3) and you are not using the function above.
I have changed my example to Only Excerpt & Defined Custom Link and this continues to work:
Please try this and if you continue to have trouble please include an admin login in the Private Content area with a link to your page so we can examine.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, I don’t recall if the Classic Editor was built into v4.5, but we are now at v4.8.3 so I would recommend updating. 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 sambalay,
Thank you for your patience and for the login, to import the xml file you would use the WordPress > Tools > Import > WordPress
But I see that your server doesn’t have the PHP ZipArchive Extension activated please activate this, I also see that you are using PHP v7.4.16, some users on some hosts have noted that downgrading your PHP version to 7.0 or the lowest 7.x you can go solves the import issue, mostly GoDaddy. Please try resetting your site with the WP Reset plugin, especially after a failed import, and try importing again.
If this fails please leave the PHP downgraded and include FTP access and I can try a manual import.Best regards,
MikeHi,
Thank you for your patience and for the login, when I checked your theme options logo upload the image was header-300×83.png and this was the image shown on the frontend, when I checked your media library I found a larger version header.png which is 567px wide so I assumed this was the one you expected to see on the frontend, so I corrected this and added this css to your Quick CSS:.logo > a > img { width: 567px; max-width: 567px; }
Now the logo is larger, please clear your browser cache and check.
Best regards,
MikeHey psipi,
Thank you for your patience, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.home #av_section_1 > div > main > div > div > div > .avia-builder-el-2 > section:nth-child(2) > div > p > img.wp-image-1508 { padding: 0; margin: 0; } #top.home #av_section_1 > div > main > div > div > div > .avia-builder-el-2 > section:nth-child(2) > div > p { margin: 0; }
Best regards,
MikeHey maccadigital,
Thank you for your patience and the link to your page, I have tested your pdf in two chromium-based browsers Chrome & Brave, in Chrome the pdf is downloaded in the background and in Brave it is opened in a new tab. This is due to how the browser developers are handling the request, and this shows that Chrome has specifically made this change to the chromium base code.
To correct this you could add this code to your .htaccess file on your web server<FilesMatch "\.(pdf)$"> ForceType application/octet-stream Header set Content-Disposition attachment </FilesMatch>
I believe this will work because it will specifically tell the browser what to do instead of letting the browser decide, but please note that if you search Google for
force Chrome to open pdf
almost all of the results explain how to change your browser settings, making it look like each user will need to manually select this option, which may be the direction Chrome is going.
In the future, you may wish to add a highlighted tip below your buttons directing your visitors to more info on downloading your pdf’s.Best regards,
MikeHey m,
Thank you for your patience, but unfortunately, we do not have an option for a drop down menu in the socket, I guess the main issue is that the socket is at the very bottom so a drop down would have to increase the page height on hover or it would have to be a drop up menu? I imagine there would be some plugins that can create a menu shortcode that you can then use in the socket copyright field to achieve this.
If you would like to try this basic solution for showing an extra menu item on hover in the footer menu, perhaps it will help you.
So for this example, I have 4 menu links in my footer menu, 2 pages and 2 posts:
my 2 page menu items will always show, and the 2 post menu items will only show when the page items are hovered over, I’m only using page items & post items as examples so the explanation will be easier to explain.
For the menu items I have activated the custom classes in the screen options at the top of the page:
then I added the custom classes lead-one & lead-two to the two page menu items:
and sub-one & sub-two to the post menu items:
so the socket menu on the frontend looks like this:
then I added this css to the Quick CSS:#socket .sub_menu_socket li.sub-one,#socket .sub_menu_socket li.sub-two { display: none; } #socket .sub_menu_socket li.lead-one:hover + .sub-one, #socket .sub_menu_socket li.sub-one:hover { display: block !important; } #socket .sub_menu_socket li.lead-two:hover + .sub-two, #socket .sub_menu_socket li.sub-two:hover { display: block !important; }
then the socket menu on the frontend looks like this:
but when you hover over one of the items they appear to slide over and show the sub item:
You could add some css to animate the reveal or some different colors, etc and you could adjust to add a couple more items but you will be limited in space and this probably will not work well for mobile since there is no mouse-over for mobile, but perhaps it will help in a limited way.Best regards,
MikeJune 20, 2021 at 6:44 pm in reply to: Uncaught Error: Syntax error, unrecognized expression #1306575Hey hanslandgreen,
Thank you for your patience and thanks for your screenshot, it looks like you are opening a page created with the Enfold Advanced Layout Builder with the WordPress Block Editor so when you are looking at your page find the button at the top to open the Advanced Layout Editor
then you will see the elements and can make your changes:
If you don’t see this button then perhaps you saved the page in the Block Editor mode in error, so to correct try going to your theme settings and change the editor to the Classic Editor
in the Classic Editor the Advanced Layout Builder button will be here:
Hopefully this will help you sort this out, if you are still having issues please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey manurimini,
Thank you for your patience as I’m understanding your situation this code snippet from 2015 is no longer necessary, in my test the portfolio title and excerpt already share the same link as the image:
this is true with the default settings
if you wish you can set a custom link
So if I have misunderstood your situation please link to your test page so we can see.Best regards,
MikeHey czar,
Thank you for your patience, I have tested the avia-special-characters plugin today in a table element in Enfold v4.8.3 and it is working correctly:
the result:
I also tested with the Disable jQuery Migrate & Load jQuery in your footer theme settings activated and the plugin continued to work, so perhaps one of your plugins is breaking it, try deactivating all of your plugins and caching and check again.
You will need to use the avia-special-characters plugin, or something similar to bypass the default WordPress action with these entities, this is not a bug.Best regards,
MikeHi,
Wish we were more help in this case but 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,
Thank you for the feedback and the link to your site, I see that you are getting this error in your console:Uncaught ReferenceError: jQuery is not defined
I believe this points to you having the Load jQuery in your footer setting enabled in your theme settings, so the script runs before the jQuery library is loaded.
To correct this you could disable the setting so the JQuery library is loaded in the head, but I assume you would prefer to not allow this so try this script instead, it will try to wait until after the DOM is loaded before running the script:<script> window.addEventListener('DOMContentLoaded', function() { (function($) { $(document).ready(function(){ function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('h3.av-masonry-entry-title', '<h2></h2>'); }); }(jQuery)); }); </script>
Best regards,
MikeJune 20, 2021 at 3:07 pm in reply to: Social icons in mobile menu won't work with same code #1306561Hi,
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,
I believe that if the SVG files were truly supported by WordPress then there would be no need to modify the $logo in Functions.php, I will submit this to the rest of the team to see if they have any suggestions.Best regards,
MikeHi,
Try adding and (orientation: portrait) & and (orientation: landscape) to your media queries, this will allow you to set different values depending on the orientation, for example:@media only screen and (max-width: 767px) and (orientation: landscape) { rule { something: here; } } @media only screen and (max-width: 767px) and (orientation: portrait) { rule { something: here; } }
Best regards,
MikeHey Rob,
Thank you for your patience and for the link to your site, I see your product image is missing the class lightbox-added it is hard to tell what the issue is without logging in, but please check that the Enfold Theme Options > Performance > Load jQuery in your footer is not activated.
Otherwise please include admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey fabian_stricker,
Thank you for your patience and for the link to your site, in order to use a margin with a percentage for the main menu li, you will need to also increase the .main_menu & .av-main-nav-wrap containers like this:
(*desktop example)#avia-menu li { margin : 0 2.5%; } .main_menu { width: 80%; } .av-main-nav-wrap { width: 95%; }
the problem with this approach is the wider the containers are the more margin is added because of the percentage.
I recommend simply using a fixed px or em width instead like this:#avia-menu li { margin : 0 18px; }
#avia-menu li { margin : 0 .9em; }
this will increase the parent .main_menu & .av-main-nav-wrap containers to fit.
Best regards,
MikeHey farzanahmed,
Thank you for your patience and the link to your site, but as I examine it looks like you have already found the solution.
Was there anything further you wanted help with this?Best regards,
MikeHi,
Thank you for your patience and the login, you are getting this server error:
/admin-ajax.php 500 (Internal Server Error)
this means that your server is having an error, please check your server error log to determine the cause, if you are unsure how to do this try asking your webhost to assist.Best regards,
MikeHey oliverhutz,
Thank you for your patience, unfortunately not, you will need to actually remove it.Best regards,
MikeHey laptophobo,
Thank you for your patience and explaining the situation, it sounds like you may need to change the tags differently on different pages based on the page structure, so there would not be one setting that would work for you across your whole site, I would recommend adding the script to a code block on each page that you will use it on, and changing the tag to suit for that page.<script> (function($) { $(document).ready(function(){ function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('h3.av-masonry-entry-title', '<h2></h2>'); }); }(jQuery)); </script>
Please note that the script is wrapped with
<script>
tags, this is so it will work in a code block element.
Please give this a try and if you have any issues getting it to work please link to the page so we can see.Best regards,
MikeJune 19, 2021 at 7:29 pm in reply to: Social icons in mobile menu won't work with same code #1306524Hey Harold,
Thank you for your patience, and for the link to your site, the reason the script is not working is because the social icons are not in the main menu as expected, they are in the topbar, so to correct please remove your other scripts and use this instead:function savvy_custom_mod_social(){ ?> <script> (function($){ var int = ''; function a() { var isMobile = $('.av-burger-menu-main').css('display'), htmlString = $('#header_meta .social_bookmarks').find('li a'), mobileMenu = $('.av-burger-overlay'), socialString = []; if(isMobile == 'none') return; if($('.burger-social').length) clearInterval(int); htmlString.each(function() { var socialClass = $(this).parent('li').attr('class'), socialItems = $(this).wrap('<li class="'+ socialClass + ' av-active-burger-items burger-social"></div>').parent().unwrap(); socialString.push(socialItems); }); $(socialString).each(function() { $(this).appendTo('#av-burger-menu-ul'); }); } $('#header').on('mousedown', '.av-main-nav-wrap', function() { int = setInterval(function() { a(); }, 500); }); })(jQuery); </script> <?php } add_action('wp_footer', 'savvy_custom_mod_social');
Best regards,
MikeJune 19, 2021 at 6:49 pm in reply to: Fullwidth Submenu doesnt allow clicking middle nav items on mobile #1306523Hey ctadlock,
Thank you for your patience, and the link to your site but I’m having trouble understanding your issue, so far I understand that it is that some sub-items in the sub-menu on mobile are not clickable. When I check the Tag items in the sub-menu all seem to be clickable, so on desktop it is like this on hover:
On mobile after opening the menu and clicking Tag all of the sub-items are clickable:
I do note that your sub-items have arrows making them look like there are further sub-items, but there are not. Perhaps this is what you ment?Best regards,
MikeJune 19, 2021 at 5:42 pm in reply to: Forza Font – Uploaded and all in italics for paragraph fonts #1306519Hey DIAZTORTILLAS,
Thank you for your patience, and for the screenshots, do you mean that the font is supposed to be in italics, or is in italics in error?
From your Custom Font Manager screenshot it looks like the original zip file also has a Macosx directory which is adding the fonts twice, please delete both of these, then extract the zip on your desktop and remove the unneeded directories and files, then zip again and upload.
I recommend trying to upload the one font you plan on using the most as a test, for example, Forza-Black, then put that in a zip file by itself Forza-Black.zip, and upload and test.
Typically the regular & italics are in the same ttf file for normal use, but you would have to use a font viewer to check.
You would not be using a function in this case.Best regards,
Mike -
AuthorPosts