regarding this topic:
https://kriesi.at/support/topic/not-responsive-on-ipad-2/
my issue has not been solved. The code Yigit gave me just threw off part of the layout, but did not make it responsive. I don’t understand what’s happening with the ipad responsivness on this site – good thing it’s just a test for now. can you help?
thanks
Hi. Recently updated all components of my site (including Themeforest, WordPress, etc.). All animated components (sliders, “pop up” images, contact form, testimonials) have stopped working. Any advice is very much appreciated! Many thanks!
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 767px) {
h2.ls-l { font-size: 16px !important; }
.avia-layerslider {
border-top: 2px solid black!important;
margin-top: 3px;
}}
Cheers!
Yigit
Hello, I’m back…with the same problem. Images on my website are not loading again! http://www.beingparadise.com. Mostly the top half of every page. I checked out the forum and followed suggestions I could find. I updated my theme but still no images. Any suggestions?
Thanks a million!
Will
Hi. Similar issue. All animated components of my website have stopped working. Updated and cleared the cache. Unfortunately same result. Any other tips very much appreciated. I’m kind of dead in the water until I solve this. Many thanks!
Hey Christopher!
Please update Enfold to the latest version 3.5.2 – http://kriesi.at/documentation/enfold/updating-your-theme-files/ and flush browser cache and refresh your page a few times.
Cheers!
Yigit
Hi anjusan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-logo-element-container .slide-image { background: transparent !important; }
Regards,
Yigit
Hello everybody
i need to add a custom menu exactly above main menu in the header (I have already activated the secondary menu, it is located at the top of the page).
I have modified the function.php file in my child theme and now i would like to add my new menu in the header.
I suppose the file in which insert the line
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
is helper-main-menu.php but i don’t know where to insert it.
Could you help me, please.
Thank you in advance.
Andrea
Hi Vinnie.
Thank you guys for the response! I will check my custom CSS. Only the footer file was modified (I added the newsletter code on top of the php code and then added a div for the SM buttons) . The original code inside the footer wasn’t touched. Will let you know.
…
Hi guys. So I did everything that was requested above and I still cannot see the notification :(
-
This reply was modified 9 years, 11 months ago by
zedduo. Reason: All checks were done and a fresh Enfold theme was added
acParticipant
Hi, I’m building a layerslider and need to adjust the text for mobile. I’d like to not show the subtitle – only title and buttons. Then increase the size of the text on title/buttons.
I’ve set the slider up to be responsive, not full width with a container of 1500. The slider itself is 1500×450.
I would also like to add a top border for the layerslider on mobile only similar to the code you gave me for colour sections which was @media only screen and (max-width: 769px) {
#coloursection {
border-top: 2px solid black!important;
}}
Sorry man, it did not work.
i was digging a lil bit in that matter.
and every mobile browser has a setting “request desk top version”.once that setting is enabled then device load the PC version once not it does load Mobile version.And here were all the funky staff is popping out.
in y case they are :
1. Blank area below menu
2. copyright area at the footer 3/4 of the screen
3. some buttons misaligned when in pc version they are on one line etc.
Would like to get further feedback in that matter
Hi freymi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust the value as needed
.grid-entry-excerpt {
margin-top: 10px;
}
Regards,
Yigit
Hi!
Please try the css below
#top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img {
margin: 0!important;
display: inline-block!important;
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
width: auto!important;
margin-left: 20px!important;
}}
Regards,
Vinay
Hi Claudia!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown {
float: left;
}
#avia-menu { float: left; }
#header_main_alternate .container {
width: 100%!important;
max-width: 100%!important;
padding: 0;
}
.av-main-nav > li { width: 100%; }
Cheers!
Yigit
Hey frankster1234!
I did not find any submenu i think you are talking about the fullwidth submenu element ?
About Us Mission Vision Strategy Results Relax Contact
To highlight fullwidth sub menu when the page is scrolled to the linked section please do the following.
1. Add the below code in functions.php
//One page nav highlight
function activateMenuItem(){
?>
<script>
jQuery(document).scroll(function() {
var sections = jQuery('.avia-section'),
menu = jQuery('.av-submenu-container'),
nav_height = menu.outerHeight();
jQuery(window).on('scroll', function() {
var cur_pos = jQuery(this).scrollTop();
sections.each(function() {
var top = jQuery(this).offset().top - 300,
bottom = top + jQuery(this).outerHeight();
if (cur_pos >= top && cur_pos <= bottom) {
menu.find('a').removeClass('active-menu-item');
menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
}
});
});
});
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');
2. Add the below CSS in Enfold > General Styling > Quick CSS
/* Your css styles for active menu item*/
.current_page_item .avia-menu-text, .active-menu-item {
background:gold!important;
}
Best regards,
Vinay
Hey!
1.) Use this code in Quick CSS field:
#top .av-submenu-container .menu-item a {
background-color: transparent;
}
Cheers!
Andy
Nope…somethings still weird so it seems.
I get 2 different displays on 2 different machines (laptop+pc) (see links attachement)
Everything looks like it was before the latest WP-update on the “laptop-image”…notice the normal left and right black borders.
But on the “pc-image”, the borders are gone, the video looks huge (and other stuff which is hidden).
I checked it in other browsers, same result.
Any idea?
Greetz and thanks
Hi!
you can add page-id into the code, like in this example. For more information check this: https://en.support.wordpress.com/pages/#how-to-find-the-page-id
Best regards,
Andy
Hi!
check this: https://kriesi.at/support/topic/recommended-plugins/
otherwise you need to search by yourself.
Regards,
Andy
Hi @pmfonseca;
the code below can be the cause of it :
.background-img-responsive.avia-section-huge .content { padding-bottom: 15% !important; padding-top: 15% !important;}
Hi,
I’s like to reduce the white space in that page.
In Custom CSS I’ve applied .main.template-page.content.av-content-full.alpha.units {
padding-top: 0px;
}
But got no luck.
Is there a way you can help?
Thanks.
Hi,
when a order is completed, the mail which is sent to the customer get’s some content from pages like “AGB” “Widerrufsrecht” “Datenschutzerklärung” attached to it. But it also attaches the shortcodes to it – this is what a customer sees in his email:
[av_section min_height=“ min_height_px=’500px‘ padding=’default‘ shadow=’no-shadow‘ bottom_border=’no-border-styling‘ scroll_down=“ id=“ color=’main_color‘ custom_bg=“ src=“ attach=’scroll‘ position=’top left‘ repeat=’no-repeat‘ video=“ video_ratio=’16:9′ video_mobile_disabled=“ overlay_enable=“ overlay_opacity=’0.5′ overlay_color=“ overlay_pattern=“ overlay_custom_pattern=“]
[av_icon_box position=’left_content‘ boxed=“ icon=’ue81f‘ font=’entypo-fontello‘ title=’Widerrufsbelehrung‘ link=“ linktarget=“ linkelement=“ font_color=“ custom_title=“ custom_content=“ color=“ custom_bg=“ custom_font=“ custom_border=“]
Information über Dein Widerrufsrecht
und die Folgen des Widerrufs
[/av_icon_box]
Think I may have fixed it
css for related products
#top .product_column_4 .products .product {
margin: 0 1% 1% 0;
width: 24.25%;
}
Changed to
#top .product_column_4 .products .product {
margin: 0 1% 1% 0;
width: 24%;
}
Hi!
ich dachte du meinst du gelben Striche, aber du meinst ja die graue durch gestrichelte, oder? du kannst diese ausblenden mit diesem Code:
.av-catalogue-list {
border-top: none;
}
Gruß,
Andy
Hi!
remove the code causing the issue and use this one to hide your logo instead:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
display: none;
}}
Cheers!
Andy
Hi!
After upgrading I notice that the titles/subtitles on my pages are no longer visible. On top of each page, I have a color section with a title/subtitle (included in a code block). The code is still there, but I see nothing displayed. Any idea?
Regards
Poirot
acParticipant
Hi, how can i add a background to the menu icon for mobile only? it lacks definition on mobile, but I don’t want to change anything in theme options – styling – logo area as it puts colour onto the desktop as well which isn’t good.
thank you.
Hello,
I run the latest version of Enfold. I have updated to the latest WP version.
As a result, some Enfold functionalities have stopped working properly:
– The Testimonials pictures are shrunken and faded (home page)
– The Massonery Gallery no longer displays any picture (ex: http://www.brazilhair.co.za/bob-cut-wig/)
Link & Credentials in Private.
Regards,
Martin