Hi salai_com,
Here is the issue from the developers of the Magnific-Popup, the library that is used for lightbox.
Let’s try to fix it with this code, which has to be put in functions.php
add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
function a() {
if ($.magnificPopup) {
$.magnificPopup.defaults.alignTop = true;
}
}
$(window).load(function() {
a();
});
})(jQuery);
</script>
<?php
}
Let us know if this was helpful.
Best regards,
Victoria
Hi,
use this code inside Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
top: 50px;
}}
and adjust if needed.
Best regards,
Andy
Hi,
what means medium size screen for you? on which device is this happening exactly? Have in mind that “responsive” does not mean that it works well on every screen size for desktop, but on every mobile device. However you can work with media queries to achieve what you want with my code. Just wrap the media queries around my code.
Gruß,
Andy
Hey seifenblasenfabrik,
Here is a thread on WooCommerce support forum, you might want to check it there.
If you need further assistance please let us know.
Best regards,
Victoria
Hi Karl,
Well, there two ways to go about it – activate lightbox or another solution here.
Let us know if this was helpful.
Best regards,
Victoria
Having same problem as Justin. Content off center and shifted to the right. Enfold 4.0.5 Boxed layout, layer slider v6.3.0
Broken live site –
Dev site with theme 3.8.5 –
Tried the fixes above. Not working very well.
thx in advance.
#top .avia-layerslider .ls-wp-container {
margin: 0px auto 0px -184px !important;
}
.boxed .avia-layerslider .ls-wp-container, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-outer, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-wrap, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-wrap img {
width: 100% !important;
max-width: 100% !important;
}
-
This reply was modified 8 years, 11 months ago by
pixeled.
Hello,
All my pages containing woocommerce remain blank.
When I preview the enfold theme or 2016 or something the pages work, only when I use my child theme / or a brand new child theme the pages stop working.
This started today, maybe it has to do with the woocommerce update of today.
Any Ideas?
Hello, I’m trying to achieve something similar to this thread. Instead of getting the cart total, I was wondering if I could instead have the total amount of items in the cart? Similar to how the cart looks inherently.
Here is a very small image of what I mean… So basically instead of an icon, it would say CART and then have the quantity of items in the cart next to it. Just like how enfold naturally shows it. The only difference is that I want mine to display within the menu using a shortcode.
http://testing.curlyhost.com/wp-content/uploads/2017/04/Cart-w-number-in-menu.jpg
Hi Jordan. I added code to the htaccess file. It worked. Thanks
You can close this topic.
Hi,
du kannst die Bildgrößen in WordPress mit einem Plugin wie diesem hier verändern: https://wordpress.org/plugins/simple-image-sizes/, sodass du dann die gewünschte Größe (1500×630) bekommst. Du kannst dies für Enfold auch manuell machen: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176, musst aber hinter ein “Regenerate Thumbnails” durchführen.
Gruß,
Andy
Hi,
in solch einem Fall müsstest du eine extra Lösung für Mobile basteln. Die Desktop Variante kannst du dann ausschließlich auf dem Desktop darstellen, währen du die Mobile Variante für Desktop Größe deaktivierst. Eventuell müsstest du dafür mit Media Queries arbeiten.
Wenn du das hier machst: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements kannst du all deinen Elementen eine spezifische CSS Klasse zuweisen, damit du dann mittels Media Querries sagen kannst, dass sie nur für eine bestimmte Bildschirmgröße dargestellt werden.
Gruß,
Andy
Erwin BakkerGuest
Dear Kriesi,
I’m having a major problem.
Editor of the site i manage keeps on loading and loading.
Looked on your forum and none of the solutions seem to work.
Also i cant find the coding to register so i hope this will get to u.
The website adress is: http://www.blumbergclinics.nl
Other codes to login i put in the Private content section.
Hope u guys can help me out it really a big problem.
Like to hear from u and allready wishing u a very good weekend.
Greetings from Holland,
Erwin Bakker
marketeer – Blumberg Clinics
Hi,
I came across this past thread that offers an explanation as to why this happens. Please view it here. As I mentioned above it could be a default WP function, but also check if any plugins are causing this as well.
Best regards,
Jordan Shannon
Hi Rikard,
tried this piece of code and this works great.
On mobile I have black text and on desktop white, just as I like.
Thanks for helping.
Best regards,
Oscar
Hi,
Can you try this code instead:
#top #header .av-main-nav > li > a { font-weight:100 !important;}
You may also try the solution in this thread: New custom font. The fourth post discusses font weights.
Best regards,
Sarah
I use:
@media only screen and (max-width: 843px)
{
#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(34, 34, 34, 0);}
}
But somehow it also controls the region between 844-927px, and dominate my another code:
#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(34, 34, 34, 0.6)
}
the difference is the transparence of the header background.
-
This reply was modified 8 years, 11 months ago by
greatliona.
Hi Rob,
I see. In that case, please go to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file, and use CSS code like this:
#top #header .av-main-nav > li > a { font-weight:400;}
If that doesn’t work, or you need help with the actual CSS, please give us the link to the website you’re trying to customize.
Best regards,
Sarah
I created a fresh post “C-40C Clipper at Schiphol” in my “Fence Check” menu section, as I always did before in exact the same way… but it shows complete different picture sizes and I do have 76 !!!! files in my library folder in stead of just 4 !!
new created post
1: As you can see the image on top is displayed very small, and yes I can select other sizes so this is not a biggest issue…. but in the past it was scaled to fit automatically and i had not to select any format
2: The Easy slider is also taking the wrong size of my pictures
3: The gallery is also showing the wrong size of my pictures as it is clipping my pictures in the thumbnails and when openend it shows a smaller size as the original.
4: my featured image is also showing the wrong size (bigger then the others) Featured image size
And as you can see on other post like these it is automatically scaling the way I want :-)
Example1
Example2
If I use one of the old pictures already in WordPress these are single uploads and still working well as shown at the bottom of the post. The Original uploaded pictures have all exact the same size (my default GMAP pictures)
Btw also updated the theme to 4.0x as it was 3.8x if i am correct but did not change the issue. Also rolled back the wordpress installation to 4.7.2 instead of 4.7.3 but also no effect.
I hope this explains my issue.
-
This reply was modified 8 years, 11 months ago by
dinovandoorn.
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
.home #av_section_1 .av-special-heading-tag {
padding-top:50px;
}
}
It will target iphone6 in portrait mode. If you need further media queries you find them all here: http://stephen.io/mediaqueries/#iPhone
Best regards,
Rikard
-
This reply was modified 8 years, 11 months ago by
Rikard.
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi there,
I’d like to set the caption position at the center top of the image for our homepage fullwidth easy sliders please.
I tried a piece of code mentioned in the forum which worked on desktop, but disappeared off the top of the slider on mobile.
Please note, we already have media queries set in place for our mobile and desktop sliders, but because the code given in a previous forum applied to a sitewide setting, suddenly all of our sliders had their captions sitting way too high (off the top of the page).
Are you able to login using the previous details I sent through?
Hi,
Glad 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,
Rikard
Hi,
You can add this custom CSS code:
#top {
max-width: 100% !important;
}
With this code, will have the default content margin, so, to remove it and have the same result as the homepage, you`ll need to add the content inside a color section, for example.
Best regards,
John Torvik
Hey Alexia,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#scroll-top-link {display: none; }
Please let us know if that works the way you need it to.
Cheers!
Sarah
Hi,
Ok, thanks for the feedback. Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Basilis
I didn’t use any embed code on this one. I used the video URL from Vimeo on Color Section > Section Background > Background Video

Hi,
Glad 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,
Rikard
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hello,
I would like to remove the “scroll to top” button that appears I guess by default, on every Enfold theme at the bottom right.
Thanks in advance.
Cheers,
Alexia.