well i figured out how to get the HTML image to show up.
needed to add this css:
#top .aviaccordion-slide img {
opacity: 1;
}
Hey Ygit
The code you give just hide the menu… so what? no menu is displayed… :-(
I would like to have the SAME menu both in desktop version and mobile, and I would like the new hambruger menu all the time
https://kriesi.at/support/topic/the-fetch-coordinates-are-not-working/#post-681273
As said in this topic.I am trying to insert the maps on my website. I Tryed te process described but still did not work. teh website is http://www.francesafriburgo.com.br
All,
I also initially had trouble getting the burger menu options to work, and later, having my menu populate the new Burger Menu.
After reuploading the 3.8 version of the theme, I also resaved the Permalinks. That did it for me.
I had some issues with the solution provided for having the new Burger Menu available for mobile as well. In particular, even though the top menu was set as “Transparent”, it would still show a white menu at the top…with the white icons on top. Of course, white on white is…difficult to see.
The mobile/searc menus were also displaced from their location, so I combined an earlier solution for the “Transparent Header on Mobile” with this Burger Menu on Mobile solution…and added some z-index and absolute position for mobile so that the open close icon stays in the same spot.
Try this:
@media only screen and (max-width: 767px) {
.main_menu .avia-menu {
display: block !important;
position: absolute;
top: 0em;
right: 0em;
}
#advanced_menu_toggle {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background: transparent!important;
position: absolute!important;
}
}
-
This reply was modified 9 years, 7 months ago by
castellanero.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.title_container .container {
top: 13px;
}
.title_container {
min-height: 36px;
}
Best regards,
Yigit
I’m having the same problem. I have this in my functions:
add_action('after_setup_theme','avia_remove_main_menu_flags');
function avia_remove_main_menu_flags(){
remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 20, 2 );
remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 20, 2 );
remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}
Since update to Enfold 3.8 the flags are appearing in my top bar. I don’t want them here.
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