Hi,
is it possible to place an image above the main header section in the theme? So that we can place a colored divider at the top of the screen right above the header section with the logo,menu etc?
Regards,
Roderick
Hi,
I checked your website on Safari and Chrome and cannot see black lines as well. I tried resizing browser window and checked your website on my 15inch laptop also 1920x1080px screen but no lines on my end :/
Best regards,
Yigit
Hi,
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: 479px) {
.responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks {
display: block;
}}
Best regards,
Yigit
have a look here: https://kriesi.at/support/topic/mega-menu-top-level-styling-while-menu-is-active/
for mega-menu this is a bit easier: (but you will not have mega-menu on that template)
.open-mega-a {
color: #0976ac !important;
}
but for your template i think this could be a good way:
#avia-menu > li.menu-item.current-menu-item a,
#avia-menu > li.menu-item.active-parent-item a {
background: #097ac0 ;
padding-left: 10px;
}
#avia-menu > li.current-menu-item .avia-menu-text,
#avia-menu > li.active-parent-item .avia-menu-text {
color: #fff !important;
}
#avia-menu > li.current-menu-item .avia-menu-subtext,
#avia-menu > li.active-parent-item .avia-menu-subtext {
color: #efefef !important;
}
because the first level nav list points are allready bold there will be no big difference in selected or not
-
This reply was modified 9 years, 7 months ago by
Guenni007.
prior to 3.8 this was working:
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);
}
what needs to be changed?
Hey Serge,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.toggle_icon * {
border: none!important;
}
.toggler .toggle_icon:before {
content: ' ▸';
position: relative;
top: -8px;
}
.toggler.activeTitle .toggle_icon:before {
content: '▾';
}
Best regards,
Yigit
Hey waveshaper,
Thank you for the kind words and sorry for the delay. Please check membership plugins in our recommended plugin list here https://kriesi.at/support/topic/recommended-plugins/
All the plugins should work fine as there are no known issue with it.
Let us know if you have any questions.
Best regards,
Vinay
#top .scroll-down-link {
color: #f00 !important
}
if you don’t want to change it for all give the section a custom class :
#top .custom_class .scroll-down-link {
color: #f00 !important
}
Hi,
you need to change the correct thumbnails. You can also change them manually, see here: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176
Best regards,
Andy
Hey JennyGr,
Please see screenshot in private content field below.
It is not theme related also it does not show up on my end on desktop as well.
Best regards,
Yigit
Hey JennyGr,
Please edit your portfolio post and click “screen options” on the top right corner and check “excerpt” then scroll below your content and add your excerpt into “excerpt” field :)
Best regards,
Yigit
Hey kyra1883,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #s {
color: black !important;
}
Best regards,
Yigit
Hi,
you can move your buttons with this code:
@media only screen and (max-width: 767px) {
#top .avia-slideshow-button {
left: 10px;
}}
Best regards,
Andy
Hi there,
For a website i’m maken nieuwapeldoorn.nl I want the header logo to be not visible when using a desktop but i want the logo to be visible when using mobile. Is there a way i can do this?
Best Dirk
is it a demo import 1/1 after a clean install?
i can not believe after seeing your about page. there has to be something went wrong with the import.
You can use wordpress reset ( be carefull – if it is a life site – and not a demo) to go back to a clean install – and reinstall the demo new.
Wait till demo import stops.
So I tried adding a blur effect to the Fullscreen slider when scrolling. It works, but scrolling on the page does not go smooth at all while this is active.
I was wondering if anyone knew how to optimise it so it can blur and still go smooth. I suppose it has something to do with the extra .js being loaded, perhaps some conflict or too heavy, but what’s the alternative?
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
var pxlCount = 0
$(window).on('scroll', function () {
pxlCount = $(document).scrollTop()/30;
$(".active-slide").css({"-webkit-filter": "blur("+pxlCount+"px)","-moz-filter": "blur("+pxlCount+"px)","filter": "blur("+pxlCount+"px)" })
});
</script>
Thanks a lot to anyone knowing a solution!
Bitte schau doch mal hier zum nachlesen: https://kriesi.at/support/topic/enfold-de_de_formal/
du wirst wahrscheinlich auch “Deutsch Sie” im WordPress eingestellt haben.
Kriesi (Christian) ist dahingehend bereits informiert. Bei einem der nächsten minor Updates wird es wohl behoben sein.
Ich half mir in dem ich via ftp im Enfold/lang Ordner die beiden de_DE Dateien umbenannte nach de_DE_formal
also de_DE_formal.po und de_DE_formal.mo
So bezeichnet nämlich auch WordPress deutsch seine Formalen Sprachfiles.
Dann ist auch wieder das Backend deutsch. Und eventuell klapt es dann auch wieder mit Locotranlate.
Kriesi hat es aber wie gesagt auf dem Plan als kleinen Bug.
Hi,
this is what I see on your website:
iPad portrait:
View post on imgur.com
iPad landscape:
View post on imgur.com
iPhone portrait:
View post on imgur.com
iPhone landscape:
View post on imgur.com
Desktop:
View post on imgur.com
Everything seems fine to me. We can’t really help you, if we can’t see any error.
Best regards,
Andy
Hey Yigit,
Yes great, that works :-)
Thanks for your help and please flag this topic as closed.
Regards,
Monique
Solved Nr 1 for you.
If you want your logo to fadeout when scrolling down do this:
Add this top custom CSS:
.header-scrolled-full .logo {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
And choose this option in your options panel:
http://postimg.org/image/fl9i90puj/

-
This reply was modified 9 years, 7 months ago by
Pixelbits. Reason: image did not work
Hi
I have made http://www.jacobariismuseum.dk and it works fine on the desktop and on the mobile phone.
But on an iPad it seems like the iPad is a desktop, and the menus etc are very ugly and difficult to use.
Where can I change the settings for responsibility on different screen sizes?
goto the youtube video and look to the share button – one button right there is the embed button open it
now there is ( a bit hidden) another button with “more” – press it now you got the following image:

there is a list what you can choose on options ( one is not listet – the autoplay function! code: ;autoplay=1 )
copy the iframe embed code – without the width / height instructions
this iframe embed code you can place in a code alb element !
The only thing now is to set up the height/ width of the video
soon more to come here :lol:
edit: autoplay does not work in lightbox mode
-
This reply was modified 9 years, 7 months ago by
Guenni007.
Hello,
At the moment let it be because I think they look fine at the moment, so you can close this topic at the moment:)
Thanks!
That solved my problem. Thank you very much, I must say that Enfold Support is the best I have ever met, seriously.
Have a nice weekend.
This topic can be closed.
Hey Claudia,
How exactly did you add the image?
If you added it to the menu item via Appearance -> Menus then you may need to add the style inline with the code you added to the menu item.
Example: `<img src=”http://yourimage.png”style=”height:100px;”
style=”width:100px;” style=”top:3px;” alt=”25″/>`
The style is defined in the example.
Best regards,
Jordan
Hello,
I have read the following posts:
I have a couple Enfold sites where my Google Maps API was working, and suddenly it is not. I resaved my APIs – to no avail. I had originally followed the above and it was working and now I can’t get them working. Any ideas?
Here’s one: http://sneakapeek3d4dultrasound.com/contact/
Thanks!
Vinay, the closest thing to what I want to achieve is working correctly on most devices. You can see it correctly displayed at http://mitchelllindsey.fiveoaksdemo.com/. The problem I am trying to solve appears to be only on the SurfacePro where the top and bottom of the slider is being cut off, so the text at the top – “Electrical’ is not entirely visible, and the images at the bottom are not entirely visible either. So I suppose what I really need is to know the optimal dimensions and/or settings for the Advanced Layer Slider. OR, as an alternative, perhaps I don’t NEED to use the Advanced Layer Slider, since I am using only one slide? Perhaps there is another way to achieve this look without the Advanced Layer Slider?
Thanks again.
Hi, I resolved the issue with a variation of this thread: https://kriesi.at/support/topic/images-moving-upon-hover/
Thanks!
Hi, I am adding in a custom section between the main content and footer to show a list of industry seals.
When I roll over them, the images move and stack one on top of the other. I need them to stay in a straight line (except for when they are on mobile and then they can stack.
I have turned off the image link overlay and am trying different things with CSS but no luck. It looks like something in the link CSS that is causing the shift…
Ideally, I would like to have the image link overlay to be on, but am ok with it being turned off if that helps resolve this issue.
Thanks in advance!
I have added a blog grid by shortcode:
[av_blog blog_type='posts' link='category' blog_style='blog-grid' columns='3' contents='title_read_more' content_length='content' preview_mode='custom' image_size='portfolio' items='6' offset='0' paginate='no' conditional='']
In functions.php I have written
add_filter('the_posts', 'bump_sticky_posts_to_top');
function bump_sticky_posts_to_top($posts) {
foreach($posts as $i => $post) {
if(is_sticky($post->ID)) {
$stickies[] = $post;
unset($posts[$i]);
}
}
if(!empty($stickies))
return array_merge($stickies, $posts);
return $posts;
}
When I tag a post as sticky, it works as long the post is within the newest 6 posts. Number 7 and higher don’t appear as sticky post. When I set items=’20’ in the shortcode it works for the first 20 posts.
It seems to be a specific blog-grid-problem.
When I use e.g. blog_style=’single-big’ instead of blog_style=’blog-grid’ stycky posts work fine in every case.
Please can you help me, to solve this problem.
Best regards,
Günter
-
This topic was modified 9 years, 7 months ago by
günter. Reason: typo