Hi the problem is on ipad and iphone
the last slide is appearing on top. I think it has to do with either some embed or iframe code in the theme. If I create a content slider with just text or images – it works correctly. I made the last slide iframe size smaller – so it is more obvious. The first slide video that should appear is “Gemco Valve Clean-in place” The last slide is “Variable…” the second slide is “Retractable…”
here is a screen shot as of error on ipad: http://elwoodtemp.com/wp-content/uploads/2013/11/contentslider-iframe.png
Hope you can help
Hey Ismael, THanks for your help. how do I send you a screen shot?
The code worked but I actually would like the main content to be semi transparent if possible..
and if there is a way to create a gap between the main content and header? and take out the top menu as well….
Also I Ended up centering the Menu … but now there is a black line that runs across the background image is there anyway to crop that out??
Thanks
Hi there,
I already read this https://kriesi.at/support/topic/rollover-disc-arrow-replacement-part-2/
but I don’t want to use a different icon. Instead I want to use a png file of my logo (the same I am using as an avatar here in the forum)
Is that possible?
Thanks
Hi, could you help me please
I want to remove the underline in main menu (in hover and active status).
Here i ve found a same topic, but it doesn´t work for me
https://kriesi.at/support/topic/enfold-menu-underline-issue/
This is an example of my code:
<div class=’container’>
<nav class=’main_menu’ data-selectname=’Select page’ role=”navigation” itemscope=”itemscope” itemtype=”http://schema.org/SiteNavigationElement” >
<div class=”avia-menu”>
<ul id=”avia-menu” class=”menu”>
<li id=”menu-item-755″ class=”menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children”>
<span class=”avia-bullet”></span>Main<span class=”avia-menu-fx”>
<span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></span>
Thank you so much!
Hi!
this: http://i.imgur.com/TyL3kjk.jpg cart icon (on the right side of the header) is not visible in Chrome.
In Firefox it is visible.
But the menu color changes I asked for on the top of this post, still dont work.
Best Wishes: MCGawain
Hey!
Responsive changes go in order to how the items are placed in the html. So if the sidebar is on the right then the sidebar will be after the content when you switch to mobile.
Best regards,
Devin
Hey!
Use this code instead:
#top #main .sidebar {border-left-color: #003366 !important; z-index: 100; position: relative;}
Best regards,
Josue
Hey!
Add this code to the Quick CSS:
#top #main .sidebar {
border-left-color: #F00 !important;
}
Cheers!
Josue
Hey!
Add this code to the Quick CSS:
.header_bg {
background: rgba(255, 255, 255, 0.6) !important;
}
#main {
padding-top: 0 !important;
}
Result:

Cheers!
Josue
Hey Doug!
Just like the user did in that topic you can use:
add_theme_support( ‘deactivate_layerslider’ );
Best regards,
Devin
Ouch! Alright..
Please remove the links to the website :) and the topic can be closed.
Hi toshe!
I’ll contact the WPML and ask them to include a filter in the next WPML version. If they include a filter we can fix it. Unfortunately the WPML support staff is not very helpful when it comes to WPML bugs.
I.e. the last time we reported a bug ( http://wpml.org/forums/topic/wpml-and-ajax-calls/ ) we simply didn’t receive any help and the issue is still not fixed because of a bug in the WPML plugin code.
Update: I posted the feature request here: http://wpml.org/forums/topic/filter-for-head_langs-function/
Cheers!
Peter
Hey Thomas!
Try with this:
.flex_column.av_two_third.first.avia-builder-el-2.el_after_av_two_third.column-top-margin {
margin-top: 0; /* You can put a px value here: 10px, 20px, etc */
}
.flex_column.av_one_third.avia-builder-el-4.el_after_av_two_third.avia-builder-el-last.column-top-margin {
margin-top: -125px;
}
Result:

Regarding the footer, what exactly needs to be fixed?
Cheers,
Josue
Hey marcuscent!
You can try adding following code to Quick CSS in Enfold theme options under Styling tab
.page-id-1108 #top form {
background-color: #f2f2f2;
padding: 0 10px; }
It should look like this http://i.imgur.com/YLeczZF.jpg
Cheers!
Yigit
I’m not sure what else could be effecting it then. I’ve tagged Peter on the topic since he wrote the script to resize the header and should be able to shed some additional light on it.
Hi!
Right now Enfold does not support such a masonry layout. You can suggest this feature here: https://kriesi.at/support/topic/enfold-feature-requests/ and if more users request it we’ll add it with one of the next theme updates.
Regards,
Peter
Hey rodpascoe!
You can us SearchWP to exclude entries from the search index. Also see: https://kriesi.at/support/topic/search-function-3/
Cheers!
Peter
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.page-id-35 .avia-content-slider { margin: -10px 0 0 0; }
Cheers!
Yigit
Hi!
1) Please go to wp-content\themes\enfold\js folder and open avia.js file and find
el_height = $(elements).filter(':first').height(),
and change it to
el_height = 120,
120 here represents 120pixels. Then add following code to Quick CSS in Enfold theme options under Styling tab
.fixed_header #main { padding-top: 120px; }
2) In WordPress dashboard, go to Appearance > Editor and open Header.php file and find
wp_nav_menu($args);
echo '</nav>';
and add following line right under it
echo "<div class='phoneno'>tel</div>";
then add following code to Quick CSS in Enfold theme options under Styling tab
.phoneno {
float: right;
font-size: 20px;
margin-top: -25px;
}
Cheers!
Yigit
Hello, do you have any news about this topic…? Looking forward. Thank you!
Hey convitando!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .avia-post-nav { background: #333; opacity: 0.7; }
#top .title_container .container { padding: 5px 0; min-height: 46px; }
.content { padding-top: 25px; }
Cheers!
Yigit
Hey JaredBurnett!
You can add Gallery element under Media elements in Avia Layout Builder and add following code to Quick CSS in Enfold theme options under Styling tab to remove borders and padding
#top div .avia-gallery img { border-style: none; padding: 0px; }
And this css code to increase opacity and remove animation
.avia_transform .avia-gallery-thumb img { opacity: 1; }
.avia_transform .avia-gallery-thumb img.avia_start_animation { -webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none; }
Regards,
Yigit
Hi!
Please remove the image element you have added and add following code to Quick CSS in enfold theme options under Styling tab instead
#after_layer_slider_1 {
background: url(https://polyscale.m3ms.de/wp-content/uploads/2013/04/shadow4.png);
background-repeat: no-repeat;
top: -1px;
}
Regards,
Yigit
Thanks Peter for looking into this topic. Unfortunately this code doesn´t work.
I think there is also a small mistake inside the code …
title="'.description .'"
“$” is mising – but this doesn´t fix the problem.
Hey victoriaeducacion,
installed “login-with-ajax” 3 days ago, and it works ok with some coding… It works with tables and it is important to set the width to percentage values to be responsive… A nice feature is that you can set redirections after Login and Logout…
But it doesn´t look this nice as Kriesis one.. ;) (hope my spelling isn´t to bad)
Best regards
Hi!
For now you can try a login widget like http://wordpress.org/plugins/sidebar-login/ or http://wordpress.org/plugins/login-with-ajax/ – the topic is still tagged for Kriesi and he’ll answer the question when he finished the work on some new theme features.
Regards,
Peter
Works like charm!
The only thing that I noticed now, is that the top bar does not shrink when scrolling the page … Any idea how to tackle it?
Thanks for your great support.
Cheers,
Guy.
-
This reply was modified 12 years, 3 months ago by
guyco. Reason: Added more information