The nav bar functions are called in header.php – search for
$args = array('theme_location'=>'avia2', 'fallback_cb' => '', 'container'=>'', 'echo' =>false);
$nav = wp_nav_menu($args);
echo $nav;
(small nav bar at the top) or
echo "<div class='main_menu' data-selectname='".__('Select a page','avia_framework')."'>";
$args = array('theme_location'=>'avia', 'fallback_cb' => 'avia_fallback_menu', 'walker' => new avia_responsive_mega_menu());
wp_nav_menu($args);
(main menu nav bar).
Somehow not working.. I don’t know if I’m putting the code correctly or not as I’m very basic in coding.
Also here is a temporary link to our website “http://muharraqi.hostingsiteforfree.com/”
Also I want to delete the grey bar from the top completely..as its use less for us.
Please have a look the way I’m putting the code in custom.css
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}
1) I think the “Google Map” plugin you’re using breaks the javascript. It loads the google map js file from an insecure source
<script type='text/javascript' src='http://maps.googleapis.com/maps/api/js?sensor=true&libraries=places&ver=3.5.2'></script>
and the browser stops to process the javascript files.
2) All other insecure resource are images – you can try to use: http://wordpress.org/plugins/wordpress-https/ which will replace the http:// with https:// for all media gallery items.
Hi!
I didn’t manage to align the text on one line but you can use following code
#top .dropdown_widget .buttons .button {
width: 100%;
line-height: 20px;
}
to center align both buttons underneath each other…
Best regards,
Peter
Hi progenki,
First, please don’t self bump or just respond with question marks like the above. Our queue system works by the oldest posted response within a topic so each time you do that it just puts your post to the end of our queue.
For your issue, it sounds like its either a caching issue or a permissions issue on the file the theme creates to store all the css from the styling tab. Make sure the avia folder in your uploads folder has at least 755 chmod permissions as well as the file inside it.
Regards,
Devin
Hi,
Please add this css to you /css/custom.css file OR to Quick CSS located in enfold > (theme options) > layout styling at the bottom of the page: (change 50px
.av-special-heading {
margin-top: 0px !important;
}
Thanks,
Nick
Hi,
The best way to go about it, is to first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.
Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.
You can add your custom image size to use by following this tutorial but fpr the last part where instead of gallery you would add blog image. https://kriesi.at/support/topic/how-to-change-size-of-featured-image-in-portfolio-item-page-and-disable-lightbox#post-123789
Thanks,
Nick
Yea got the same question… If i change the color the whole backround is changing not only the navigation bar. And is it possible to change the transparency of it?
Hi,
you have a javascript error coming out of the piece of inline code you added for people with old browsers above the </header
You need to change your line
var $buoop = {vs:{i:8,f:15,o:,s:5,n:9}}
to
var $buoop = {vs:{i:8,f:15,o:10.6,s:5,n:9}
To change the height , here is css
#footer {
padding: 0px 0 0px 0 !important;
}
@media only screen and (min-width: 768px){
div .av_one_third {
height: 180px;
}}
#socket .container {
padding: 5px 0;
margin-top: 15px;
}
Please add it to your /css/custom.css file
Thanks,
Nick
Hi,
Have you added this? Try to remove it and see if anything changes.
.main_color {
background: #FFF url(https://www.naturaloutlook.com/wp-content/uploads/White_Pixel.gif) top left repeat fixed;
}
Thanks,
Nick
Wishlist for Advance LayerSlider WP
– To the right or left of the button enter / exit preview. An ms slider button or indicator on the ms or the ability to pause the animation.
This is useful especially if you have a lot of layers and you want to allign them ( aside from using options )
– Improve moving the layers. Number 1 Layer should be the top layer or the one that is first visible. If you have multiple layers the bottom layer stacks / shows first than layer 1 . Just like in photoshop and other editing programs , the top layer is first visible.
– Layer slider transitions are like 100 transitions in total and a lot of good ones too. How about adding some of them to the layer objects transition ? It would be nice to add like 5 – 10 more transitions to add to the slide in and fade effects.
It should be:
#top .social_bookmarks_tumblr a {
background: url(https://yoursite.com/wp-content/uploads/custom/apple.png) no-repeat center;
}
#top .social_bookmarks_tumblr a:hover {
color:#fff;
background: url(https://yoursite.com/wp-content/uploads/custom/apple-hover.png) no-repeat center;
}
So that the background is on the link and the hover as well.
Hi warrentkachuk,
Can we see the pages live? Inspecting the code will give us the most information to try and figure out what the issue is.
As an aside, our Queue system works by oldest post within a topic so self-bumping or self-responding pushes the topic to the end of our queue instead of bringing it forward.
Regards,
Devin
Please Help!
I just updated from 1.3 to 1.7.1 via FTP, and now I get nothing, literally nothing – no error, just a white screen of non-functioning death :(
Here’s what I did and my environment :
- Backed up the “enfold” theme folder from my server to my desktop
- Deleted the “enfold” theme folder on the server
- Uploaded the new, unzipped “enfold” folder (1.7.1) in it’s place via FileZilla. All files completed without any problems.
- My host is WPengine. I used the Staging version of the site, for testing, which is good, but there were a TON of updates I made on Staging that I fear I’ve now lost
- Refreshed to a white screen of non-functioning death :(
Have NO idea what could have gone wrong, but I’m completely freaked out. Please help! I have a client meeting tomorrow that I need this up for. Thank you!!
Update : Apparently it was a 1d10t user error :) I just uploaded the “enfold” folder WITH the nested unzipped “enfold” folder in it. Thank God! I was freaking out. Mostly everything seems in place. Going to go finish going through all the details now. Thanx!
Hi,
Please use this instead.
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {
display: block !important;
}
}
Regards,
Ismael
Devin, small problem:
1. I added Ismael’s code at the end of the custom.css
2. I put apple.png and apple-hover.png in—-removed—-
3. Problem: When I hover the apple icon shifts in the hover state. I specifically LOCKED the layers in Photoshop. The normal state apple icon and the hover state apple icon are exactly in the same place pixel for pixel. Do you have any idea why this is happening?
See here > —removed—-
The entire css is as follows:
/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}
#top .social_bookmarks_tumblr {
background: url(...wp-content/uploads/apple.png) no-repeat center;
}
#top .social_bookmarks_tumblr:hover a {
color:#fff;
background: url(....wp-content/uploads/apple-hover.png) no-repeat center;
}
#top .social_bookmarks_tumblr a {
text-indent: -9999px;
}
It seems like Enfold doesn’t apply the “Droid Sans” font to your headlines. Make sure that you set the “Droid Sans” font for your headlines
Hey!
Please try to insert following css code into the quick css field
.avia-promocontent p + .avia-promocontent h3{
margin-top: 0;
}
Regards,
Peter
Yep – OK – for anyone else feeling like an idiot …
Top right hand corner just next to the “Help” dropdown menu “DUH!”
Hello,
I managed to do almost everything I´ve wanted within the tabs, but still there are two topics i need help with: http://paisagismoonline-com-br.web22.redehost.com.br/nsite1/?page_id=21#tab-id-1
1. I´ve added images inside the tabs, but I don´t want them to work as a thumbnail, I don´t want the user to be able to click on them, I´ve just want to show the pictures.
2. In the tab called ” O que precisamos” I want to show 3 sets of easy slides with popup, is it possible? How do I do this?
Thank you,
Fabiana
Hi,
I’m still annoyed with this behaviour of the portfolio.
See post https://kriesi.at/support/topic/portfolio-items-create-blog-parent-as-active-ancestorparent
I’d like to keep my parent page of the portfolio activated. Now When you are in a portfolio post it displays the blog as ancestor.

Please, is their any way to (hard code) so I can say, as soon as a portfolio item is clicked, make this menu ID item as ancestor/active, current, parent…whatever works. Because now my Blog menu becomes highlighted when I’m in a portfolio item, which doesnt make sense at all.
Thanks a lot in advance!
Hi,
Please edit footer.php, find this code
<a href='#top' id='scroll-top-link' class='avia-font-entypo-fontello'></a>
<div id="fb-root"></div>
Below, add this code:
<script type="text/javascript">
jQuery(document).ready(function ($) {
var $link = $('#iphorm_fancybox_51e102a0950da');
if ($.isFunction($.fn.fancybox) && !$link.data('iphorm-initialised')) {
$link.fancybox($.extend({
inline: true,
href: '#iphorm-outer-51e102a0950da',
onStart: function () {
$('#fancybox-outer').css('opacity', 0);
},
onComplete: function () {
$('#fancybox-wrap, #fancybox-content').css({width: 'auto'});
$.fancybox.center(0);
setTimeout(function () {
$('#fancybox-outer').animate({opacity: 1}, 400);
$('#fancybox-overlay').css({height: $(document).height()});
}, 1);
}
}, {})).data('iphorm-initialised', true);
}
});
</script>
Regards,
Ismael
Hi,
Really like Enfold. Still haven’t completely understood all the options, and one thing has me very confused:
Early in development we were going to call the blog “latest news” then we changed our minds, only I can’t find where that “Permanent Link” is coming from that shows up in the #top .title_container. We added category titles and changed default “uncategorized” to “blog.” None of our categories is “latest news,” but still it shows up, and additionally, it is a link to the home page, which has me completely baffled.
Also, in the breadcrumbs we’re getting …/blog/blog/… We created a “page” with blog entries text box, and have posts going to “blog” in WP reading settings.
Here’s a page: http://www.montana-associates.dreamhosters.com/2013/07/the-dodd-frank-conflict-minerals-certification-provision/
I hope you can shed some light on this. Thank you.
yes I know. But I want to hav the top on mobile (slide out menu with logo) stay fixed even when scrolling down. is that possible?
Hi,
You can use the Color Section, use a large image. The options should be like this:
Background Image Position: Top Left
Background Repeat: Stretch to Fit
Background Attachment: Fixed
Section Padding: Large Padding
Regards,
Ismael
Hi,
Just add this on your custom.css or Quick CSS
#top #payment label {
display: block;
}
Regards,
Ismael
Hey,
If you want to remove the kriesi backlink, open footer.php and find this code.
$kriesi_at_backlink = apply_filters("kriesi_backlink", " - <a href='http://kriesi.at'>Enfold Theme by Kriesi</a>");
Glad it is sorted out.
If you like the theme, please send us a feedback here.
https://kriesi.at/support/topic/your-testimonials-on-our-front-page-a-unique-chance
Regards,
Ismael
Hi,
Yes, it is possible. An image inside the anchor tag will always open with lightbox.
[av_tab_container position='top_tab' boxed='border_tabs' initial='1']
[av_tab title='Tab 1' icon_select='no' icon='1']
<a href="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/24.jpg"><img class="alignright size-full wp-image-316" alt="2" src="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/24.jpg" width="1000" height="650" /></a>
[/av_tab]
[av_tab title='Tab 2' icon_select='no' icon='1']
Tab Content goes here
[/av_tab]
[/av_tab_container]
Regards,
Ismael