Hey asarnjai!
We noticed the issue you mentioned the hotspot was visible first and then the images loaded within 2 seconds. The loading speed for the whole site is 2 sec approx which is not bad for a 2MB site. please see link in private content for more details.
Please enable the animation setting in hotspot images.

There could be other issues related to speed please check this post by ismael https://kriesi.at/support/topic/tips-on-speeding-up-site-performance/#post-346077
Regards,
Vinay Kashyap
I have my Blog Posts set up to display with the Masonry tool and Columns set to “Automatic based on Screen Width”. Everything looks fine until you start decreasing the screen-width to tablet/mobile size. At that point, they are still displaying in a 2 column format but the featured image is cut off, as well as the post headline. I would like for the posts to break out of the 2-column format and stack on top of each other (100% width) once they start getting down to these screen sizes. How would I go about doing this?
Thanks. I am almost there
DESKTOP
I need to move the title “One” and portfolio item up so it aligns with the “Top Story Areas” horizontally
Screenshot – http://postimg.org/image/my58252kn/
Live Page – http://f37.0c1.myftpupload.com/portfolio-item/top-story-areas/
MOBILE
On mobile, “01” overlaps with the image so I need to move that up.
Screenshot – http://s24.postimg.org/b51powdat/enfoldmobile.jpg
Live Page – http://f37.0c1.myftpupload.com/portfolio-item/top-story-areas/
Please let me know if you have any questions
@begrafiks
I managed making the rest of the changes in my original request, so those are done now. Two more things:
– Is it possible to add the worldwide icon in the top bar (like in the mock?)
– I couldn’t get the h1 to be extra bold, like in the header navigation
Angela
Hey Abosict!
Since you are using fullscreen slider, it will be always displayed in 100% height of the screen and your caption is too long to fit on mobile.
You can use following code in Quick CSS in Enfold theme options > General Styling to remove caption on mobile
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption { display: none; }}
Then you can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ to add additional text to your page and display it only on mobile
Regards,
Yigit
neil henderson
hi, i really like the transparent menu option on enfold but had a couple of questions (and can you help me with these after purchase):
– is it easy to set up so top menu doesnt display when scrolling down
– i like the additional left hand nav that appears on the faq demo page (about us, blank pages etc) but where does this appear on a mobile device as cant find it when viewing???
– can you set whether mega many sub options are autoexpanded on a mobile device
– i need to create embeded maps with slightly more advanced features (so hover over to display a property graphic on a few points) – does your map feature do this or will it require a plug in?
– i really like the gallery next to the text – SOME ENFOLD CORE FEATURES
but is it easy to add a visible description on the main image of this and also a facebook share etc???
– lastly on the transparent menu homepage there are some icons at the bottom – is that an easy feature to replicate on the header graphic?
thanks in advance
neil
Hi all,
Ok. After my last post I also changed the productslider.php using the code from https://kriesi.at/support/topic/pagination-on-blog-page-does-not-work-urgent/page/2/#post-562305
This solved the issue.
Cheers,
Jaap
Hi!
Please use following code instead
#top .av_header_transparency.av_alternate_logo_active .logo {
height: 145px;
width: 365px;
}
Cheers!
Yigit
Hi
Same problem for me.
.co.uk domain send address stopped working. It did work for sometime which is strange in its self. After reading this thread I tried a test changing the send email address to my gmail.com account. This worked fine. So now I have moved to using Contact Form 7 so my client can receives email to their sales @ .co.uk address.
Chris
Hello,
can the speed in the accordion slider somehow be influenced? Right now the speed of the switch from topic to topic is to great for me to clearly see the images.
Thanks for any hint!
Hi Andy,
thank you so much!!!! That does it.
But whats the problem with the browsers after the Enfold update, how can it be that in the back-end the content is not visible using Safari. Also on Google Crome my customer told me.
Have you heard about that. Or do I have to start a new topic for that question?
Best
Tina
Thanks so much – it works perfectly now on both my android and ipad mini!
When you mention enabling class support, I assume you’re referring to the issue discussed here: https://kriesi.at/support/topic/turning-on-custom-css-class-field-for-all-alb-elements/ (#484265)? Did you make the change in functions.php? If so, is this going to be integrated into the next version of Enfold, or will I have to re-enable it when I update?
Thanks again,
Connie
I have a Fullwidth Easy Slider with a YouTube video in it. It has an option for autoplay, but I want to play it when the user scrolls past it (and not when the page loads, because it isn’t at the top). It isn’t so difficult to get the current location on the screen, but I can’t seem to find out how to trigger the video to play.
So, is there any way I can hook into the YouTube (or Medialement?) API and trigger play/pause myself? Or is there even a solution available to play videos when the user scrolls past them (actually past a certain place on the page)?
Hi!
I am able to click the top right corner on your website and it is linked to another page. Sorry but i am still not sure about the issue you are having :/
Cheers!
Yigit
Hey!
I edited your page and placed your content inside a color section element instead of 1/1 column element.
Please edit your post and click “Screen options” on the top right corner and check “Discussion” and scroll below your post content and disable discussions
Best regards,
Yigit
Hi,
I post photos to my site through custom post type using an advanced layout builder. I use a color section with an image media element in the builder. I like how it looks on desktop, however I would like it to be full width on mobile screens (no bezels / edges). Is that possible?
Hi
I don´t want the video behind the top menu bar. How do I fix this?
Best regards
Martin
Hi,
I have found the solution. The header has to be position: relative.
.responsive #top #wrap_all #header {
position: relative;
}
Thanks!
Regards
WP 4.4.2, Enfold 3.4.7
I’ve got a working video lightbox that I added to a page but I actually need it in a sidebar widget. I copied and pasted the working code into a widget but it links direct to youtube instead of displaying in a lightbox. This is my code:
<div class="avia-image-container av-styling-no-styling avia-builder-el-1 el_after_av_table avia-builder-el-last avia-align- " itemscope="itemscope" itemtype="https://schema.org/ImageObject">
<div class="avia-image-container-inner">
<a href="https://www.youtube.com/watch?v=Nck6BZga7TQ" class="avia_image mfp-iframe lightbox-added">
<img class="avia_image " src="/wp-content/uploads/2016/02/tv1.jpg" alt="" title="tv1" itemprop="contentURL">
<span class="image-overlay overlay-type-video" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 150px; width: 253px;">
<span class="image-overlay-inside">
</span>
</span>
</a>
</div>
</div>
Any idea how I can make it work in the sidebar?
After further inspection, this is more widespread. For example, on this page, the heading at the top should also have some text wrapped with . All of the text looks the same, rather than just some being bolded.
Another example, is this website/page. All of the headings on this page appear to be 100% bolded, when they shouldn’t be.
Hi,
refering to the post “how-to-use-nextgen-gallery-with-enfold”
https://kriesi.at/support/topic/how-to-use-nextgen-gallery-with-enfold-and-other-kriesi-themes/
Because this post is 3 years old and for older nextgen-version I would like to ask if you still recommend the settings
of this post?
Thank you
Volli
Hey!
Weird. can you please try adding following code to Quick CSS in Enfold theme options under General Styling tab
.footer_color .heading-color, .footer_color a.iconbox_icon:hover, .footer_color h1, .footer_color h2, .footer_color h3, .footer_color h4, .footer_color h5, .footer_color h6, .footer_color .sidebar .current_page_item>a, .footer_color .sidebar .current-menu-item>a, .footer_color .pagination .current, .footer_color .pagination a:hover, .footer_color strong.avia-testimonial-name, .footer_color .heading, .footer_color .toggle_content strong, .footer_color .toggle_content strong a, .footer_color .tab_content strong, .footer_color .tab_content strong a, .footer_color .asc_count, .footer_color .avia-testimonial-content strong, .footer_color div .news-headline, #top .footer_color .av-related-style-full .av-related-title, .footer_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .footer_color .wp-playlist-item-meta.wp-playlist-item-title, #top .footer_color .av-no-image-slider h2 a,.footer_color a, .footer_color .widget_first, .footer_color strong, .footer_color b, .footer_color b a, .footer_color strong a, .footer_color #js_sort_items a:hover, .footer_color #js_sort_items a.active_sort, .footer_color .av-sort-by-term a.active_sort, .footer_color .special_amp, .footer_color .taglist a.activeFilter, .footer_color #commentform .required, #top .footer_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .footer_color .blog-categories a, .html_elegant-blog #top .footer_color .blog-categories a:hover { color: white !important; }
#footer input {
background: white;
color: black;
}
#footer input#form-validation-field-0 {
background: transparent;
}
Cheers!
Yigit
Hey Andy
Re desktop menu:
I added 2 links to show my point (edited screenshots – see private content).
– In the Flashlight menu, part of the menu area is transparent (top and near bottom)
– the Flashlight menu is moved to the right (this is what your code is supposed to do – unfortunately I don’t see any change)
How can I move the menu and create the partial transparency in Enfold?
*******************************************************
Re mobile menu:
Your code reduces the width of the menu, however:
(please check the screenshot from a responsive theme in the private content)
1) the area on the left of the (reduced width) menu should be transparent (remember, my goal is that the menu slider must not hide the entire screen)
2) is there a way to make the width of the menu slider flexible, i.e. self-adapting to the width of the content of the menu, instead of a having a fixed percentage of the fullsize slider (if there are only short items in the menu, the slider should be smaller, when the content includes long words, the menu slider should get wider accordingly). Of course I can check and adjust the width when I add a new menu item, but it would be more elegant if this happened automatically.
Regards,
Bruno
BTW: these desktop design elements were what caught my eye, when I first saw the Flashlight demo, therefore I would like to recreate it in Enfold
Hi!
Please edit your post and click “Screen options” on the top right corner and check “Excerpt” and then scroll below your post content and add your excerpt into “Excerpt” field
Regards,
Yigit
Hi Josue,
Here are the links to two tickets I used to help me create my custom post type:
https://kriesi.at/support/topic/how-to-add-blog-meta-information-to-posts-designed-with-the-advanced-editor/
https://kriesi.at/support/topic/displaying-custom-post-types-inside-of-the-avia-layout-builder/
What I’m trying to display are the standard post meta data, i.e. date, comment, category, author, share entries, leave a reply, replies
These do not show up on my custom post types.
Thanks
Lyse
here you go! just found the solution for this
@media only screen and (max-width: 767px) {
.header-scrolled #header_meta {
display: none;
}
.responsive #top #header {
position: fixed !important;
}
.responsive #top #main {
padding-top: 100px !important;
}
}
yours
Websi96
Hi Elliott,
I am hiding the enfold logo, but not the white logo showing in the middle of the header screen.
Please refer screenshot in link.
The white logo shows on mac, laptop, iPhone, but not on iPad Air.
Does this has to do with retina?
Thanks,
Cathy
Hi!
Wordpress is cropping images by default and you can control this behavior with a plugin like: https://de.wordpress.org/plugins/simple-image-sizes/
Check out this post: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176
Best regards,
Andy
Hi!
try this code:
.html_header_top.html_logo_center .logo {
top: -15px;
}
Cheers!
Andy