Forum Replies Created
-
AuthorPosts
-
August 27, 2018 at 12:52 pm in reply to: Layer Slider – Slides blink white before going to the next #1002248
Hi,
Thanks for the info.
The slides’ Slide Options > Slide Transition is currently set to “Fading tiles cols-reverse”. You can select another transition.
Best regards,
IsmaelAugust 27, 2018 at 12:46 pm in reply to: Custom Fontello Font not displaying correctly on mobile #1002246Hi,
Thanks for the update. The icon is not displaying even on Chrome desktop. Where did you get the icon? I search for it on fontello.com but the icon is not available.
Best regards,
IsmaelHi,
Thanks for the update.
The following thread should help you add the featured images on the search results page:
// https://kriesi.at/support/topic/add-featured-image-to-search-results/#post-249161
Best regards,
IsmaelHey peterolle,
Thank you for using Enfold.
You need to remove the spaces between the column shortcodes because they are creating a br tag.
Here’s how the html looks right now:
<div class="flex_column">/div> br <div class="flex_column">/div> br <div class="flex_column">/div>Best regards,
IsmaelAugust 27, 2018 at 6:06 am in reply to: Align buttons in Grid Row so they stay the same height on browser resize #1002137Hi,
Awesome! Glad that you fixed it. Please feel free to open a new thread if you need anything else. :)
Thank you for using Enfold!
Best regards,
IsmaelHey Archie,
Thank you for using Enfold.
Are you referring to the form? Please turn on the custom css class field, add a unique class attribute to the column containing the form (eg: “custom-column”) and then use the following css codes.
@media only screen and (min-width: 768px) { #top .custom-column { position: absolute; bottom: 0; width: 80%; height: 200px; left: 50%; transform: translateX(-50%); margin-left: 0; } #top .custom-column .avia_ajax_form .form_element, #top .custom-column .avia_ajax_form .form_element.first_form { width: 18%; float: left; clear: none; margin-right: 1%; } }Let us know if it helps.
Best regards,
IsmaelHi,
Thanks for the update.
You have to disable the slider’s swipe functionality. Edit the config-templatebuilder > avia-shortcodes > slideshow > slideshow.js file. Look for this code around line 364:
this.$slider.avia_swipe_trigger();Replace it with:
// this.$slider.avia_swipe_trigger();Don’t forget to purge the cache or toggle the theme’s Performance > File Compression options.
Best regards,
IsmaelHi,
Am i creating a database as WordPress instructs or do i skip that since I already have a database for the site?
You can skip that one and just go ahead with the manual theme update. You can find more info in the documentation.
// https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#update-via-ftp
Please update the theme immediately when a new patch is available. The current version (3.6.1) is quite old.
Best regards,
IsmaelAugust 27, 2018 at 5:37 am in reply to: Layer Slider – Slides blink white before going to the next #1002131Hi,
Thanks for the update.
I would like to inspect the slider settings but the login credentials above are not working. Please check it carefully.
Best regards,
IsmaelHi,
Are you checking this on Safari? Please note that the browser has a new autoplay policy which is almost the same as Google’s.
Safari:
Safari 11 is using the so called “automatic inference engine”, which decides, if media elements with sound are allowed to auto-play on the visited website by default, which won’t be the allowed for most websites, according to the Safari team. In addition to that, a new power-saving feature will prevent the playback of muted videos, if they are off-screen, or hidden in a background tab.
// https://bitmovin.com/play-not-play-new-autoplay-policies-safari-11-chrome-64/
Google:
Chrome’s autoplay policies are simple:
Muted autoplay is always allowed.
Autoplay with sound is allowed if:
User has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.
On mobile, the user has added the site to his or her home screen.
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Did you add a fall back image? That image should be displayed instead of the video on mobile devices. If you did add a fallback image but it’s not displaying, please refer to the following thread for a possible fix.
Best regards,
IsmaelAugust 27, 2018 at 5:18 am in reply to: Mobile version – manage order of column in a different way from desktop version #1002128Hi,
Yes. hopefully there’s an easy way to specify that for small screens for the site.
There is no option for that, unfortunately. You have to use the css flex rule to manually re-order the columns on every page or section. The custom css class attribute will help but it will still be a lot work if the order of the columns varies on different pages.
// https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Example:
.first-column { order: 1; } .second-column { order: 2; }That css code will work assuming that the column with the image has the “first-column” class attribute and the column containing the text has the “second-column” class attribute.
Best regards,
IsmaelAugust 27, 2018 at 5:13 am in reply to: wordpress backend post page do not show good in mobile phone or small screem #1002127Hi,
Thanks for the update.
We adjusted the code a bit. Please try it again.
add_action('admin_head', 'custom_admin'); function custom_admin() { echo '<style> @media screen and (max-width: 782px) { .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) { display: table-cell !important; width: auto!important; } .wp-list-table .column-primary .toggle-row { display: none; }} </style>'; }This should fix the column alignment and remove the toggle-row button because it’s not needed anymore.
Best regards,
IsmaelAugust 27, 2018 at 4:57 am in reply to: Custom Map Marker Image Size : Won't Display at 80x80px #1002124Hi,
but Iwhy would I not be able to see a moderator’s response to my comment just because I didn’t start the thread?
The private field content is only visible to the original poster for security reasons.
but I think the issue might be that it only shows as 40×40 on my retina screen.
Have you tried to upload a larger marker image? Resize the marker image from 80x80px to 160x160px.
Best regards,
IsmaelHi,
@graffi: The “moslab” site is not loading properly. Did you move it?@hhhitzerman: Where can we see the site? Please provide a link. The logo is probably constrained by the default header container padding.
Best regards,
IsmaelHi,
What is still not working is the problem with the LayerSlider. It’s still way too small on mobile.
That is how the slider is supposed to resize on mobile view. You can actually hide that particular slider on smaller screen and then create another slider that is specifically configured for mobile view. Use the theme’s full screen slider element if you want your slider to inherit the dimension of the device screen.
Best regards,
IsmaelHi,
Thanks for the clarification.
Is it working properly when you switch to the default editor? I’m not really sure how the reader view button works or what triggers it and I don’t see any way to disable it aside from the browser settings itself. In the demo, the button doesn’t appear because the page seems to match the following criteria.
It looks like that Safari Reader will detect a div or block level element that contains a header element (h1 to h6), followed by a certain amount of text. The reader badge will appear when the content text (not including the header) is more than 2,000 characters.
// https://mathiasbynens.be/notes/safari-reader
Best regards,
IsmaelHi,
Thanks for the update.
That particular form or text block is set to be hidden on desktop view. Is that intended? Please edit the text block and then configure the Screen Options.
Best regards,
IsmaelHi,
I’m pretty sure this is server related but I don’t know which configuration is missing. I’ll ask @Gunter to check the thread. Please wait for his response.
Best regards,
IsmaelAugust 27, 2018 at 4:13 am in reply to: Help with styling video player and configuring auto loop please #1002113Hi,
1.) The loop attribute is being added to the video tag. Please try this script in the functions.php file to disable the loop.
add_action('wp_footer', 'ava_disable_video_loop', 9999); function ava_disable_video_loop() { ?> <script> (function($) { $('.avia_video').removeAttr('loop'); })(jQuery); </script> <?php }2.) You can’t set an image for self hosted videos by default. Please try to upload it on youtube or vimeo if you want a preview image.
Best regards,
IsmaelHi,
Thanks for the update.
1.) Is that the actual aspect ratio of the image? If it is then the “uncropped” option is working.
2.) The second option enables the default Woocommerce gallery features like zoom and magnify.
Best regards,
IsmaelHi,
Thanks for the update.
You can set the slider to have it not shown on mobile view in the Slider Settings > Mobile panel. Enable the “Hide on mobile” option or set a px value in the “Hide Under” field.
Best regards,
IsmaelHey DimaP,
Thank you for using Enfold.
The following solution should fix the issue with the fallback image.
Let us know if you need more help.
Best regards,
IsmaelAugust 27, 2018 at 3:10 am in reply to: How can I move slider below "top bar" and make menu header transparent? #1002103Hi,
Thanks for the update.
I was able to add a full width easy slider in the builder. Please note that you cannot put this particular element inside a column or color section. (see private field)
Best regards,
IsmaelHi,
Thanks for the update.
You can use this css code to bring the navigation back on mobile view.
@media only screen and (max-width: 767px) { .responsive #top .avia-post-nav { display: block; } }Best regards,
IsmaelHey!
Thank for the update.
I’m still getting the same error, unfortunately. Please try to hire a freelance developer or contact our partner, Codeable, to check if they can access your file server. This is the error:
open "username@IP.address" Command: Trust new Hostkey: Once Command: Pass: ******** Status: Connected to IP Error: Received unexpected end-of-file from SFTP server Error: Could not connect to serverCodeable: https://kriesi.at/contact/customization
Best regards,
IsmaelHi,
The site does load properly on Chrome but I’m not able to check it on Safari. I did notice an error in the console from a “client.js” file. (see private field)
I’ll ask the team to check it on Safari.
Best regards,
IsmaelHi,
Thank you for the clarification.
Have you tried to set the element’s “Portfolio Grid Image Size” to the second option? It will give you access to the available thumbnails. I think the grid looks like that because the grid using the original image instead of the generated portfolio thumbnails. Did you upload featured images with different sizes?
Best regards,
IsmaelAugust 27, 2018 at 2:39 am in reply to: Custom Fontello Font not displaying correctly on mobile #1002088Hi,
Thanks for the update.
We need access to the WP dashboard as well. Please add the details in the private field.
Best regards,
IsmaelAugust 27, 2018 at 2:32 am in reply to: MOBIL ONLY -> Copyright and Footer Menu CENTERED in 2 lines #1002085Hi,
Thanks for the update.
1.) Use this css code to hide the sub menu container completely.
@media only screen and (min-width: 989px) { #top .av-main-nav li > ul { display: none !important; } }2.) And use this one to hide the full width sub menu element on mobile view.
@media only screen and (max-width: 767px) { .responsive #top .av-submenu-container { display: none; } }Best regards,
Ismael -
AuthorPosts
