Thank you for the instructions, I am having some problems though as it has stopped the thumbnails from loading and the slider.
For the shortcodes.js file, I have added the 2 lines of code as follows, please let me know if this is correct.
methods =
{
load_item: function(e)
var target = $(e.currentTarget);
if(target.is('.grid-custom-link')) return;
{
e.preventDefault();
var link = $(this),
post_container = link.parents('.post-entry:eq(0)'),
post_id = "ID_" + post_container.data('ajax-id'),
clickedIndex = items.index(post_container);
You gave me this code to make my header white. This works, but it’s only working for the home page, not the others (on a mobile device).
@media only screen and (max-width: 767px){
#top #wrap_all .av_header_transparency {background-color: #ffffff!important; }}
Please help with making it work on the other pages too.
Thanks,
Cameron
-
This topic was modified 8 years, 10 months ago by
Cameron.
My top slider works, but the video slider showcasing my business and wedding videos just plays the entire videos.
Hey anma,
Add the following to quick css:
.html_header_sidebar .logo{
border-bottom:none!important;
}
.social_bookmarks.icon_count_3{
border:none!important;
}
.html_header_sidebar #top #header .social_bookmarks li a{
border:none!important;
}
.container_wrap.container_wrap_logo{
border:none!important;
}
Best regards,
Jordan Shannon
Hi,
The following should keep it to desktops only:
@media only screen and (min-width: 767px) {
.html_header_sidebar #top #header { width: 200px!important; }
.html_header_left #main { margin-left: 200px!important; }
}
Best regards,
Jordan Shannon
Hi Jordan,
I now only need the width of the Header/Left Menu area to be reduced. I no longer need to hide the whole menu container on the home page. So I have used the following changes you provided:
.html_header_sidebar #top #header { width: 200px!important; }
.html_header_left #main { margin-left: 200px!important; }
The only adjustment I made was to the width: 250px.
Thanks!
Hi,
Try this code instead and don’t forget to flush the cache:
div .ivpa_attribute, .ivpa_text, .ivpa_border {
padding-top: 20px;
text-align: center;
}
#ivpa-content .ivpa_attribute.ivpa_text.ivpa_border .ivpa_term {
display: inline-block;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi yampieters,
This code will do put your images in one column:
@media only screen and (max-width: 450px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 100% !important;
}
}
You can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
This regular expression does not include assets with versions. So the for the snippet in your .htaccess to work you need to add code to remove the versions.
Please refer to this thread for a possible solution on how to remove ?ver=3
If you need further assistance please let us know.
Best regards,
Victoria
Hello. I found a website example of what I am trying to create. I would like it to appear exactly how they have it.
Notice, the social icons, phone # and menus don’t appear until you scroll down. (only for the home page) I also would like it to appear the same way where it seems to pull the menu from the top. (not fade in)
Example site: http://www.k-international.com/french-translation/
My site: http://blog.sayitpromos.com/
I’m using WordPress 4.8 with Enfold theme 4.0.7. It seems this problem has been addressed before, but I can see that it hasn’t been fixed according to the changelog 2015 March 24th – Version 3.1.2. I decided to check HTML validation https://validator.w3.org knowing there were going to be errors, but wasn’t expecting to see so many “open” paragraph tags. It seems there continue to be paragraph tags inserted into div.av-hotspot-fallback-tooltip-inner:
<div class='av-hotspot-fallback-tooltip'>
<div class='av-hotspot-fallback-tooltip-count'>1
<div class='avia-arrow'></div>
</div>
<div class='av-hotspot-fallback-tooltip-inner clearfix'>
</p> <!-- closing paragraph -->
<h4 class="hotspot_title">Absorber Plate</h4>
<p>Utilizing a state-of-the-art ultrasound weld, copper fins and risers provide superior thermal connectivity between the fins and risers. Revolutionary coating is black chrome on nickel, producing a premium selective surface with maximum efficiency for solar energy use.</p>
<p>Absorptivity = 0.95<br class="break" />Emissivity = 0.12</p>
<p><!-- opening paragraph -->
</div>
</div>
<div class='av-hotspot-fallback-tooltip'>
<div class='av-hotspot-fallback-tooltip-count'>2
<div class='avia-arrow'></div>
</div>
<div class='av-hotspot-fallback-tooltip-inner clearfix'>
</p><!-- closing paragraph -->
<h4 class="hotspot_title">Tubing Grid</h4>
<p>½” copper risers are brazed to 1” copper mainfolds for optimal flow distribution.</p>
<p><!-- opening paragraph -->
</div>
</div>
Those are two div blocks from viewing source that clearly show paragraph tags being inserted automatically. I can’t stand how WordPress automatically inserts paragraph tags so I add the following to the functions.php file in enfold-child:
remove_filter( 'the_content', 'wpautop' );
remove_filter('the_excerpt', 'wpautop');
Is there a filter that will do the same for Avia framework? In the file /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image_hotspots.php I have found ShortcodeHelper::avia_apply_autop($content) and tried changing it to ShortcodeHelper::avia_remove_autop($content), but it doesn’t seem to be working. I’m trying to override the file with a copy of image_hotspots.php in the enfold-child folder like so: /wp-content/themes/enfold-child/config-templatebuilder/avia-shortcodes/image-hotspots.php. I know overriding files in the child theme’s folder can be tricky if they’re not in the correct path so maybe I don”t have it setup correctly??? Otherwise any solution to fix this issue would be greatly appreciated.
Hello,
I would like to remove the white overlay when hovering over gallery images. Can you please help me with this?
I tried the code for this post (https://kriesi.at/support/topic/removing-white-overlay-when-hovering-over-images/) but it didn’t work for me.
Website page – http://accentgaragedoor.com/gallery/
Thanks
Hi there,
I was following the instructions here and I added a different color for each different page (see my website).
I just noticed that the preloader has 2 colors: at first the one of the current page and later the one of the upcoming page.
Is there a way to show only the background of the upcoming page?
Hi there,
My client has asked for the ‘We are’ captions on the slides on this landing page to stay static, so it’s only the bottom part of the caption that animates?
I realise slide 4 won’t be able to have this applied to it as the bottom caption content is more wordy. However, I need to try and make the first 3 slides’ ‘We are’ stay static.
See landing page: http://serviceintegrators.co.uk/
Thanks in advance and hope this is possible!
Hello,
I’m using ENFOLD with the menu on the left.
1 – How can I get rid of the line between logo and navigation but keeping the ones between the menu items ?
2 – How can I delete the lines on top + below + between the social icons under this menu ?
Thank you in advance, great theme,
Best,
A
Hello everyone, i do not find any answer.
Why (and how can i fix) a responsive issue (size of images and consequently arrangement of columns) in mobile versus desktop ?
Need to do it on images ? other format than png ?
I send you the website I am working on.
See the images (castle etc) between desktop and mobile.
What I didn’t understand in the post I quoted was that there is a #streetview CSS declaration that is not referenced in the iframe code.
So I think something is missing in order to get this working – can you post what the complete solution should be? I don’t follow your ‘body’ sugestion above either I’m afraid.
Regarding Google blocking the Street View URL, why would they do that? I’m trying to promote their service… (not that they need much more promotion). Real estate websites (in the UK where I am) are almost all using Street View in a listing of a house for sale – see the Street View tab on this page.
Hi,
Can you screenshot what the mobile logo looks like? I am seeing the same logo on the desktop, tablet and mobile.
Best regards,
Jordan Shannon
Example: When inserting an image in the editor using “Insert” -> “Add Media” we see the grid view of the media gallery and can choose one of images shown (or alternatively we can upload an image).
When using the enfolf theme this works as expected,
But with the enfold child thene – i named it “enfold fiala” – the hour glass does not stop spinning and the area where the images should be displayed stays empfty.
When unsing the media manager, you can switch between list view and grid view. List view works es expected but grid view shows the same behaviour like “Add Media”.
Sorry I forgot to add the link !!
Here it is
it concerns the first color section at the very top
-
This reply was modified 8 years, 10 months ago by
pberquet.
Hi
We have an issue since last thursday.. this ticket has all the details,, https://kriesi.at/support/topic/missing-images-mobile-device-only-2/#post-809712
Many thanks
Hi,
Yes, this is possible. You can check this thread for information that can help you.
You CSS should be something like this, depending on the unique class of the portfolio grid entry that you want to do this for:
.post-entry-142.grid-entry .inner-entry {
pointer-events:none !important;
}
Please remember to edit post-entry-142 to the unique class of the entry you want to deactivate links for!
If you need help doing this, please give us the link that has the portfolio grid, and let us know which one you need to deactivate links for.
Best regards,
Sarah
Hi Kriesi Team,
Good Day!
I solved it on my own. :)
This is the solution:
If you are wanting to add a widget area to your header then add this to the bottom of your functions.php file.
add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}
And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.
Lastly, add this to Quick CSS (at the bottom of Dashboard > Enfold > General Styling)
#header .widget {
left: 70%;
padding-top: 0;
position: absolute;
top: 20px;
transform: translate(-50%);
z-index: 999;
}
Hope other users found this useful. :)
Thanks!
Best Regards,
Daryl Malibiran
Web Designer
This post has gotten too confusing and no one is answering it so close topic. Thanks
Solved! Thanks Ismael. Close Topic.
Hi,
I encountered a problem with the sites that usually I used to test the site from an SEO point of view.
If I use both Seo Tester Online (https://www.seotesteronline.com) and google Pagespeed Insights appears an error like this;
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
96.4KiB of the HTML response was required to render the above-the-fold content. This requires 3 network round-trips. Prioritize the above-the-fold content so that it can be rendered with only the first 2 round-trips’ worth of HTML.
– Only about 4% of the final above-the-fold content could be rendered with the HTML delivered within 2 round-trips see screenshot show original.
How I can resolve the problem?
The link of our site is; https://www.atrtelematica.it
The page to use for the test is; https://www.atrtelematica.it/smart-working/
This is the link of the test that we have made; https://developers.google.com/speed/pagespeed/insights/?hl=en&url=https%3A%2F%2Fwww.atrtelematica.it%2Fsmart-working%2F
I write here because i don’t know where put this topic.
Best regards,
Giulio.
Hi John,
I don’t think that hiring a freelance would solve the issue of making this easy maintenance for my client, nor do I believe that this issue is so important for them that they want to spend money on this. We have decided to not display the footer on mobile.
Can you flag this topic as closed please?
Best regards,
Monique