-
AuthorSearch Results
-
October 27, 2021 at 5:36 am #1326598
In reply to: transparant textblock
Hi,
Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic.
Best regards,
RikardOctober 27, 2021 at 5:23 am #1326591In reply to: Hotspot links working on only 1 out of 5 buttons
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardOctober 27, 2021 at 5:17 am #1326590In reply to: Code Block usage
Hi,
Again, we kindly ask that you open another thread for new inquiries. This is to keep the thread relevant to the original topic and it will also make it easier for other users who might be looking for the same answer. We also recommend opening a single thread for each inquiry.
Thank you for your understanding.
Best regards,
IsmaelOctober 27, 2021 at 5:13 am #1326589In reply to: Links on page not working when results are filtered
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardOctober 27, 2021 at 4:22 am #1326576In reply to: Problems with Forms
Hi Robert,
We’re glad that you found that option, but that option basically tells the size of the input field in a row whether it’s full-width or one-half, etc.
I would suggest instead to use full-width instead then just add this CSS (to limit the maximum width of the field to 420px):#top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea { max-width: 420px; }
As for templates, the templates for the entire page does not remove the reset the page and place the template but it just adds it, so it can also be used.
But what you are looking for is Custom Element Templates, please refer to our documentation: https://kriesi.at/documentation/enfold/custom-element-templates/As for the form issue, can you give us temporary admin access? so we can try to check it.
Just post the credentials in private content.Best regards,
NikkoOctober 26, 2021 at 6:13 pm #1326532In reply to: Assistance Building A Layout
But this will not stack properly on mobile
All the images will appear first – see top block – http://alexandere24.sg-host.com/
The solution I had (bottom block) was better but I do not know how to make the bottom section overlap the image (meaning the white background should be on top of bottom of the image, the white background is going behind the image) – http://alexandere24.sg-host.com/
October 26, 2021 at 3:10 pm #1326504Hi Tommy,
Great, I’m glad that we could help you out, and thanks for the kind feedback :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardOctober 26, 2021 at 12:57 pm #1326489Hi,
The extra space under the sliders is due to the wp-smush-pro plugin’s lazy loading option, disabling this option should solve.Best regards,
MikeOctober 26, 2021 at 12:56 pm #1326488In reply to: Anchor links goes to wrong position on mobile
Dear Kriesi-Team,
I am experiencing the same issue as found in some other posts, but I do not manage to find the right answer for my case. Hope you can help me!
On larger screens, Desktops & Tablets in landscape (min-width: 991px), I use the full-width menu, incl. sticky header. On one page I use anchor links as menu items. The positioning on Desktops and Phones was not perfect (i.e. heading to close to sticky header (Desktop) or browser-URL (Phone)), so I used the separator line above the heading as anchor point. This is for now satisfying.
However, these anchor links disappear behind the sticky header on Tablets in landscape (max-width: 1366px).
I noticed that probably the scroll offset value for Tablets in landscape should be changed. I don’t know which code should be placed where. I will give you access to the website in the private content.
Thank you so much for your help!
Best regards, CornelieOctober 26, 2021 at 12:32 pm #1326481Hi Nikko,
this works perfectly now!
Thank you very much – this is really top support here!
Best regards,
TommyOctober 26, 2021 at 12:28 pm #1326480Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardOctober 26, 2021 at 12:27 pm #1326479In reply to: License Key
Hi,
Thanks for the update. Where exactly did you get that notification?
Please refer to this on how to fix the missing footer: https://kriesi.at/support/topic/missing-footer-after-updating-to-enfold-4-8-6-3-please-read-this-first/
Best regards,
RikardOctober 26, 2021 at 12:20 pm #1326477In reply to: Masonry gallery gap
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic.
Best regards,
RikardOctober 26, 2021 at 12:12 pm #1326474Hi,
I’m glad that we have your demo import sorted out, we ask that each thread stays on one topic and for new questions please create a new thread and we will gladly try to help you there. This thread is already 18 posts long, thank you for understanding.
I believe that you are referring to an image like the background images under the titles “Our Menu”, “Contact Us”, & “Reservations” in your One Page Restaurant Demo, these are the background images for the color sections and are using the parallax effect, please see our documentation about the Parallax Effect, you can also examine the settings in these color section example on your site. The actual import is just like any other image in the media library. Please note that the parallax effect doesn’t work on Safari browsers like on the iPhone or iPad, this is a known issue that Apple will address.
If I have misunderstood your question please create a new thread and explain in further detail and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeOctober 26, 2021 at 10:02 am #1326459In reply to: Validity of code to disable Google Maps
Hi Ismael,
Thanks for the quick answer. I already had that second option set (load only used elements).
So, let me rephrase the question: is the code I have now in my functions.php obsolete when using this option?
And even more importantly, does it also disable the backend (admin area) loading of the Google Maps mess? :-)Regards,
RobP.S.
The reason I’m asking again is that with the code mentioned above commented out, but the option “only load used elements” set, I still see this in QueryMonitor in the admin:Footer:
https://maps.googleapis.com/maps/api/js?v=3.45
wp-content/themes/enfold/framework/js/conditional_load/avia_google_maps_api.js
wp-content/themes/enfold/framework/js/conditional_load/avia_google_recaptcha_front.jsSo it’s almost the same question for Google ReCaptcha, which I do not use at all. Why is it loading at all here?
Added info 2021-10-26 14:52
Even stranger, on an exact copy for DEV of that DEVsite, one has the maps script in the backend and the other doesn’t… ?
Also found this:July 22nd 2020 – Version 4.7.6
added: filter avf_skip_enqueue_scripts_backend_grecaptcha: supress loading of Google reCaptcha scripts in backendand this:
https://kriesi.at/support/topic/proper-method-to-disable-google-maps-in-enfold/
-
This reply was modified 3 years, 9 months ago by
rob2701.
October 26, 2021 at 9:57 am #1326458Topic: Footer Design for mobile
in forum EnfoldFamalcoGroup
ParticipantTo whom it may concern,
My footer for my website is looking great on desktop, but on mobile its not.
Basically for desktop I am splitting my footer into 2 columns. Now when viewed on mobile obviously they are stacking but theyre not aligned.
Is there a way I can tackle this only on mobile ?
I would like to have everything centered
October 26, 2021 at 9:51 am #1326456In reply to: Masonry gallery gap
Thanks
that did it for the left hand side gap on desktop on the gallery.October 26, 2021 at 9:17 am #1326455In reply to: Mappress Plugin
Hi Rikard,
I’ll be more specific: the plugin has been generating maps on portfolio pages for years. The screenshot with the existing button is also from a portfolio page. In the portfolio admin in the metabox “Portfolio Additional Settings” the Mappress button also appears in the editor. https://www.dropbox.com/s/dxcoy5vsfmwvm2f/Portfolio-Additional-Settings.png?dl=0
The button is only suppressed where I need it, in the Layout Builder editor. Why? How can the problem be solved?The plugin developer says:
MapPress doesn’t restrict the button to any particular editor, so I can’t say why it’s suppressed. You can ask Enfold support if they can make a suggestion.http://mappresspro.com/chris-contact
https://wordpress.org/support/topic/enfold-theme-7/#post-15005307
Best regards,
GünterOctober 26, 2021 at 8:58 am #1326451Hey domchocolate,
Thank you for the inquiry.
We have checked the lightbox on a browser device emulation and it seems to be working correctly. If you need to prevent the document from scrolling and make sure that the container appears at the center of the document, please try to replace the script with the following code.
function av_open_inline_popup(){ ?> <script type="text/javascript"> (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', 'av_open_inline_popup');
Thread: https://kriesi.at/support/topic/lightbox-17/
Best regards,
IsmaelOctober 26, 2021 at 8:29 am #1326448In reply to: Post Meta on Blog Posts (List Layout Simple)
Hey estleman,
Thank you for the inquiry.
Meta info are disabled by default in the List Layout – Simple option, but you can modify the template files to display them back or add a few css to override the style. To display the categories back for example, you can use this css code.
#top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-cat { display: block; }
Make sure that the meta info are enabled in the Enfold > Blog Layout > Blog meta elements settings.
Best regards,
IsmaelOctober 26, 2021 at 8:14 am #1326445In reply to: Iphone 13 users unable to use gravity form signature
Hey navindesigns,
Thank you for the inquiry.
Is it working correctly when a default theme is activated? We tried to create a signature using the field on a device emulation but it seems impossible because the whole document moves or scrolls when we start to draw a line.
Screenshot: https://imgur.com/XqXTTdB
It works fine on desktop.
Best regards,
IsmaelOctober 26, 2021 at 8:04 am #1326444In reply to: Assistance Building A Layout
Hey navindesigns,
Thank you for the inquiry.
You can add two rows with 3 columns. In the first row, add the images and icon boxes in the second row. You can then pull the second row upwards and make it overlap with the first row by applying negative top margin to the columns. To make the columns in the second row smaller or thinner than the rows in the first column, apply a padding to them or control the width using custom css.
Best regards,
IsmaelOctober 26, 2021 at 5:48 am #1326434In reply to: Header transparency can not be changed any more
Hi Kati,
Thanks for the update. I still can’t see any problems with the Layout menu on my end, could you try a private or incognito browser window to see if that helps please?
About the missing logo; which solution did you try? Did you check this thread? https://kriesi.at/support/topic/hotfix-for-the-missing-logo-issue-on-enfold-4-8-6-4/
Best regards,
RikardOctober 26, 2021 at 5:23 am #1326433In reply to: Favicon + Mobile Menu
Hi pamk21,
We’re glad that we are able to help. :)
As for your last request, please add this CSS code in Enfold > General Styling > Quick CSS:@media only screen and (max-width:1024px) { .responsive #top #wrap_all .main_menu { top: 0; left: auto; right: 0; display: block; } .responsive #top .av-main-nav .menu-item { display: none; } .responsive #top .av-main-nav .menu-item-avia-special { display: block; } }
Hope it helps.
Clearing cache might be needed as well.Best regards,
NikkoOctober 26, 2021 at 4:03 am #1326422In reply to: Make submenu white + when hover bold white
Hi Johan,
Thanks for the screenshots and login credentials.
I do see a red text color instead of grey, have you changed it?
As for the request, On hover the text should be bold + preferably 2 px bigger, please try adding this CSS code in Enfold > General Styling Quick CSS (submenu default font size is 12px):#top .av-main-nav ul a:hover { font-size: 14px; font-weight: bold; }
Hope this helps.
Best regards,
NikkoOctober 26, 2021 at 3:55 am #1326421In reply to: Problems with Forms
Hi Chiefi,
How do I copy a form and use it in a different layout element? I saved it as a template and don’t know how to find the templates and paste them somewhere else.
If you are using Templates then you can just click on Templates and a dropdown with the names of the templates should appear, just click it and it should add to the content, you’ll just need to drag it to the location where you want to place it.
You can also use Custom Elements for it.How do I keep the contact form from stretching the entire width of the webpage. References made to “edit form element” but all the search results and YouTube videos skip over exactly how this is done or show a solution that worked in the previous version 3-4 years ago.
Forms usually cover the whole width of the container, you can try to use columns like 1/2 to limit it’s size.
Or you can add this CSS code in Enfold > General Styling, to limit the maximum width (just change the value):#top .avia_ajax_form fieldset { max-width: 500px; }
The name of the form is not being used. Instead, the name of the webpage is being used for the name of the form? Also, how do you format the name of the form?
Form Title seems to show properly as it should, is this the field you are referring?Best regards,
NikkoOctober 26, 2021 at 2:35 am #1326414In reply to: Color Section Background Video Not Working
Hi MikeTandySwag,
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
#top .mejs-container { width: 100% !important; }
Hope it helps.
Best regards,
NikkoOctober 26, 2021 at 2:33 am #1326413In reply to: Scroll to Top arrow color
Hi Fberguno,
There’s no option to change it however it can be changed via CSS.
Please add this CSS code in Enfold > General Styling > Quick CSS:#scroll-top-link { background-color: blue; border: 1px solid black; color: white; }
Just change the background color, border color, and font color.
Hope this helps.Best regards,
NikkoOctober 26, 2021 at 1:36 am #1326403Topic: Favicon + Mobile Menu
in forum Enfoldpamk21
ParticipantDear Support Team,
Sorry, this is a two-fold question. I have built numerous sites using your theme, and I still seem to run into different issues each time.
For the first time, I am running into a favicon issue. So much so, that the theme broke and I had to revert the site back a few hours. I went into the server to remove any images that might appear, but I saw nothing to remove. The only hope I had was to rename the favicon. Still not showing. https://amieea.sg-host.com/wp-content/uploads/2021/10/bh-favicon.png
The other issue I am having is with the mobile menu. You will see under Youth it repeats the headings – for example, the following menu items repeat on mobile – Early Childhood, Children & Family, and Sports. This is not the case with Desktop. Only items in a burger menu.
Can you please help!
October 25, 2021 at 8:56 pm #1326393Topic: Scroll to Top arrow color
in forum EnfoldFberguno
ParticipantHi,
How can I change the color in the Scroll to Top arrow?Thanks!
-
This reply was modified 3 years, 9 months ago by
-
AuthorSearch Results
-
Search Results
-
Topic: Footer Design for mobile
To whom it may concern,
My footer for my website is looking great on desktop, but on mobile its not.
Basically for desktop I am splitting my footer into 2 columns. Now when viewed on mobile obviously they are stacking but theyre not aligned.
Is there a way I can tackle this only on mobile ?
I would like to have everything centered
Topic: Favicon + Mobile Menu
Dear Support Team,
Sorry, this is a two-fold question. I have built numerous sites using your theme, and I still seem to run into different issues each time.
For the first time, I am running into a favicon issue. So much so, that the theme broke and I had to revert the site back a few hours. I went into the server to remove any images that might appear, but I saw nothing to remove. The only hope I had was to rename the favicon. Still not showing. https://amieea.sg-host.com/wp-content/uploads/2021/10/bh-favicon.png
The other issue I am having is with the mobile menu. You will see under Youth it repeats the headings – for example, the following menu items repeat on mobile – Early Childhood, Children & Family, and Sports. This is not the case with Desktop. Only items in a burger menu.
Can you please help!
Topic: Scroll to Top arrow color
Hi,
How can I change the color in the Scroll to Top arrow?Thanks!