Hey brettb112,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_transparency #main {
padding-top: 97px !important;
}
Best regards,
Jordan
Hi
Fantastic this new burger ! :-)
Except 2 things:
1- On mobile view the old “burger” still exists, It’s would be great to keep the same icon
2- Menu fake links in this new fullwidh, I mean links like :
+PARENT MENU (link = #)
+++ CHILD MENU LINK (link = internal link page/post or whateever you want)
> When you click on the Fake parent menu link the whole overley disapear and we are scrolled to the top of the page: it would be great that Enfold that # is not a real link and do nothing when a user click on it, don’t you think?
Thanks
Hallo,
bei meiner iframe Einbindung wird leider nur eine kleiner Teil der Seite im Desktop angezeigt. Auf meinem iPad klappt es wunderbar und es wird die ganze Seite angezeigt. Ich habe schon mit separater Farbselection und auf 800 Pixel Höhe vieles probiert. Leider bekomme ich das sichtbare Fenster des Frames auf dem Desktop nicht größer. Ich brachen eure Hilfe, habt ihr eine Idee?
Schöne Grüße, Andi
Thanks Yigit,
The menu now shows on mobile but the main nav and the social icons are stacked on top of each other and the header area is quite tall (height). Is there a fix for this?
Would it be possible to have the desktop burger menu also on mobile?
for the responsive case it will be a good advice to setup some media-querry instructions what happend to the 2nd column.
f.e.
@media only screen and (max-width: 990px) {
.responsive .page-id-3220 #after_full_slider_1 {
position: relative !important;
top: 0 !important;
width: 100%;
}
}
you see here the alb elements:

the 1/2 column i set up to equal height and with no margin (neg margin here)
if you only want the first columns after that slider only be affected on a specific page you have to set up f.e. a custom class or do it like me with the page-id:
.page-id-3220 #after_full_slider_1 {
position: absolute;
top: 150px;
width: 100%;
}
Results here: http://webers-testseite.de/ikom/full-slider-with-content/
Hey!
It does show up fine on my end however you can try adding following code to Quick CSS as well
@media only screen and (max-width: 480px) {
#footer #text-10 {
top: 30px;
}}
Best regards,
Yigit
Rikard,
Apologies, I was able to figure out the issue. It was due to the Default font size being too large. This caused the div of the font to be larger than the div of the object. Thus the font was centered in the font div, but not the image div. Reducing the font size fixed this issue.
This has lead to another issue however. When I set the Image Styling to circle, this causes the shape to “clip” and hit the edges of the div when hovering over it. The reason why I would like to set the Styling to circle is to allow for an image overlay that overlays atop of the blue circles.
Currently the styling is set to default to prevent this “clipping” from happening. If necessary I can change it to circle if my explanation is not clear.
Thanks
Hi!
i’m having issues with animated countdown now showing, there is just empty ?
Any ideas what went wrong ?
Hey Jan!
Thank you for using Enfold.
Please add this in the Quick CSS field:
@media only screen and (max-width: 1024px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
padding-left: 8% !important;
padding-right: 8% !important;
}
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 100%;
}
}
Regards,
Ismael
Hi Yigit,
thank you for you reply.
I just added #top to your css suggestion and works.
Thanks again!
Hi ind-image!
Thank you for using Enfold.
Disable the animation with the following css code.
@media only screen and (max-width: 767px) {
#top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview {
transform: translate3d(0%, 0px, 0px) !important;
}
}
Add this in the functions.php file:
function ava_add_custom_script(){
?>
<script>
(function($){
function b() {
var acch1 = 0,
ww = $(window).innerWidth();
console.log(ww);
if (ww >= 768) {
$('#accordion_slider_0 + #after_full_slider_0t').css('margin-top', 0);
} else {
$('#accordion_slider_0 .aviaccordion-slide:not(":first-child")').each(function() {
acch1 += $(this).height();
});
$('#accordion_slider_0 + #after_full_slider_0').css('margin-top', acch1);
}
}
$(window).on('debouncedresize', function() {
b();
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_add_custom_script');
Regards,
Ismael
Hey advteksol,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
.footer_color {
background-size: cover;
}
#footer #text-11 {
top: -50px;
}}
Best regards,
Yigit
Hi,
try this code inside Quick CSS field:
section#recent-posts-3 {
padding-top: 20px;
}
and adjust as needed.
Best regards,
Andy
Hi Yigit,
thanks for your answer. I opened a new thread some days ago.
-Martin
Hi Rikard,
So, when you add photos to this gallery, it puts them at the end of the gallery (which ends up being at the bottom of the page rather than the top. Is there a way to set it so that new photos when added to the gallery are automatically put at the top?
-Ceci
Hey Andy,
It took me some time but I was able to fix it myself by adding some custom CSS. I leave it here just in case some one has the same problem.
#input_1_22_3 {
display: inline-block !important;
}
#top .gform_wrapper select {
display: inline-block !important;
}
Thanks, I have tried that but when you resize the page the info in the left column disappears and it hidden by the header. I need to have 2 columns to make it work properly. Ids there a way to give it a negative margin that starts from the top of the colour section? As in it always starts 30px from the top of the previous section? Does that make sense?
Thanks
perhaps you can make the trick by having on top a fullwidth slider and then after that a 1/1 container.
After that you can give the 1/1 container a transparent background and a negative margin
see here: http://webers-testseite.de/ikom/full-slider-with-content/
Hey reisp,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#advanced_menu_toggle {
display: none!important;
}
@media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks, .main_menu .avia-menu {
display: block;
}
.avia-menu.av_menu_icon_beside {
padding-left: 0;
margin-left: 0;
}}
Best regards,
Yigit
Hi,
use this code inside Quick CSS field:
h2.avia-caption-title {
margin-top: 342px !important;
}
and adjust as needed.
Best regards,
Andy
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-masonry-entry {
visibility: visible;
opacity: 1;
}
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
animation: none;
}
@guenni007 Thanks :)
Best regards,
Yigit
i cannot see the real site – because i’m a participant as you are here. This masonry is a gallery and not a masonry blog !
try this instead :
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none !important;
animation: none !important;
}
.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}
-
This reply was modified 9 years, 6 months ago by
Guenni007.
Guys, is it possible have a sliding background within a colour section? Pretty much the same as a full width / full screen slider but have the ability to load columns and elements over the top easily.
Thanks
hello everyone,
I noticed that social icons and extra info on tablets/smartphones not dispaly on the top. It remains white on the top. What have i to do to solve it?
Kind regards,
ALex
-
This topic was modified 9 years, 6 months ago by
AlexBellaTropea. Reason: more info
Hi Kriesi Team
please, can you take a look for this yoast conflict :
Cannot make any change with your avia builder when Yoast is actived
loading wheel don’t stop…
all right when yoast is desactived
same conflict with WP-SEO
curiously only this website is affected by this bug
Thanks for your precious help :)
Best regards
Olivier
Hi Jordan
I have logged in and wp-content is set to 755 although other files have 644 on, so I think it looks fine (?) but there is a red entry, I attach a screen shot. could this be stopping me from uploading Woo Commerce? Still need your help please.