Hi!
Please add following code to Quick CSS as well
#top #header .avia_mega_div > .sub-menu > li {
padding-top: 10px;
}
Cheers!
Yigit
Hi Randy!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top .av-main-nav ul a { padding: 3px 15px; }
.sub-menu li { border-bottom: 1px solid #e2e2e2; }
Cheers!
Yigit
Hi sjwmobile!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.responsive #header_main .container {
height: 140px !important;
}
#advanced_menu_toggle { top: 25%; }
.responsive .mobile_slide_out .logo { margin-top: 18%; }
#header_main .social_bookmarks { top: 25%; }
}
Please flush browser cache on your iphone and refresh your page a few times
Regards,
Yigit
Hey!
Please add following code to Quick CSS as well
#top #menu-item-search.menu-item-search-dropdown>a:hover {
background-color: transparent!important;
}
You can go to Enfold theme options > Header > Extra elements > Header Phone Number/Extra Info and add your text or link there manually
Regards,
Yigit
Excellent, that works! Thanks again. BTW do you know how I could replace that whole top nav which we just moved down with a tagline (i.e., NO menu there, just text)?
Thanks, tho I did try that and nothing happens. I do not see a conflict, but here is what I have in the quick css so far:
.header_color .container_wrap_meta {
background: #a81010;
}
.header_color .phone-info, .header_color .phone-info a, .header_color .av-sort-by-term a {
color: #FFF;
}
.header_color .social_bookmarks a {
color: #FFF;
}
.rpwe-block h3 {
background: none!important;
clear: none;
margin-bottom: 0!important;
margin-top: 0!important;
font-weight: bold;
font-size: 12px!important;
line-height: 1.5em;
color: #a81010;
}
.whitequote {
size:20px;
line-height: 1.5em;
}
.entry-content-wrapper li {
margin-left: 0;
}
#socialmedia-container {
padding-left: 0px;
}
#avia-menu > li > a {
font-family: ‘Open Sans’;
font-size: 16px !important;
color: #444444 !important;
}
#avia-menu > li > a:hover{
color: #a81010 !important;
background: #e1e1e1;
}
#avia-menu .sub-menu a{
font-family: ‘Open Sans’;
font-size: 15px;
color: #a81010;
background-color: #fff;
}
#avia-menu .sub-menu a:hover{
color: #cc4400;
text-decoration: underline;
}
#header_main .container, .main_menu ul:first-child > li a {
line-height: 300px;
}
Hey there!
I would like to shift the top navigation down closer to the bottom of the container. Could you send along the css?
Thanks. I tried deactivating all plugins and I still had the issue. I also tried all of the suggestions in this post. https://kriesi.at/support/topic/avia-layout-builder-text-content-doesnt-appear/ which did not help my problem.
Any other ideas? Avia was kind of the reason why I purchased this theme. Any other ideas on how to get it working?
Hi Kriesi,
i recently noticed that my site tales over 11sec to load http://www.thesapogame.com
i went tothe links below to tst my site
http://developers.google.com/speed/pagespeed/
per google this are the fixes to be done:
on desktop:
24 / 100Suggestions Summary
Should Fix:
Reduce server response time
Show how to fix
Enable compression
Show how to fix
Leverage browser caching
Show how to fix
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Show how to fix
Consider Fixing:
Minify JavaScript
Show how to fix
Prioritize visible content
Show how to fix
Minify CSS
Show how to fix
Optimize images
Show how to fix
Minify HTML
Show how to fix
on mobile:
13 / 100Speed
Should Fix:
Reduce server response time
Show how to fix
Enable compression
Show how to fix
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Show how to fix
Leverage browser caching
Show how to fix
Prioritize visible content
Show how to fix
Consider
http://tools.pingdom.com/
and http://gtmetrix.com (this one shows that the total page is over 5 megabytes
and the average time is 11 sec to load the page
what am I missing here?
i will appreciate your help
Sincerely,
Jim
I’m having the same issue with the logo and have tried all the codes above with no success.
I too have the logo set for centered with menu items below on desktop version.
http://www.blimpiesubs.menu
Look forward to a final resolution.
Thanks,
Cheryl :)
Hi mattmorse!
First update to Enfold 2.6.2. Then, in your child theme make sure that if you have replaced the header.php that you re-replace that file with the new version from 2.6 and make any changes you previously had. The menu location and header setup moved in the parent file.
Cheers!
Devin
This reply has been marked as private.
Hi,
4 issues,
1. On my website http://www.terenure5mile.com I have header display issues on my Samsung Galaxy 3 Android Smartphone.
I have taken two screen shots and have displayed them on this page for you
http://terenure5mile.com/android-issue/
Can you let me know how to resolve.
2. Also how can I control the screen width that controls when the menu goes from full display to a button on mobile devices?
3. I see that images open in the Lightbox but Youtube video’s do not, how do I embed YouTube video’s and have them open in the Lightbox when clicked to play?
4. On Chrome, Firefox, Safari no problems but on Internet Explorer the top image on my homepage http://www.terenure5mile.com is overlapping into the Sidebar on top of the widgets.
How do I fix?
Thanks, Denis
Hi guys,
I had a ticket that wasn’t resolved but was tagged for Kriesi by Devin – it was closed for some reason.
https://kriesi.at/support/topic/whitespace-in-v2-5/#post-248037
Are we any closer to fixing this?
Thanks,
Jonathan
We have checked it and we see this screen on multiple pc, we have checked from California to our client in Washington and they see it too. Also, notice the menu looks odd and there are small icons at the top of the slider:

Thanks Yigit, that all worked perfectly!
I posted another question yesterday that you might have a look at.
https://kriesi.at/support/topic/sidebar-cutting-off-twitter-and-facebook-in-android/
Thanks, Denis
Hi Ismael,
how can I open a new topic ? I need help to set search icon and rss icon in the slim header (enfold). I have v. 2.6.2 but can’t find this option ? Please help,
Thank you.
Nona
Hi!
Please add following code to Quick CSS as well
#top .fullsize .template-blog .big-preview.multi-big { pointer-events: none; }
Regards,
Yigit
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 990px) {
#socket { height: 60px; }
.container .copyright {
padding-top: 30px!important;
}}
Cheers!
Yigit
Hey GOWD!
1- You can find video tutorials here – http://vimeo.com/channels/aviathemes and documentation here – http://kriesi.at/documentation/enfold/
2- Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .social_bookmarks_twitter:hover a {
color: #46d4fe;
background-color: transparent;
}
#top .social_bookmarks_twitter a {
color: white;
background-color: #46d4fe;
}
#top .social_bookmarks_facebook:hover a {
color: #37589b;
background-color: transparent;
}
#top .social_bookmarks_facebook a {
color: white;
background-color: #37589b;
}
3-
#footer .widgettitle {
color: white;
}
Cheers!
Yigit
Hi!
You are welcome, glad we could help! Let us know if you have any other questions or issues
Cheers!
Yigit
Hey Marie!
That code is to decrease the padding between menu items on screens smaller than 1140px to stop menu from overlapping your logo.
Regards,
Yigit
Hey lewisedavis!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child { padding: 0 10px; }
Regards,
Yigit
Hi – that changes the colour great, but the #header_main_alternate { background: orange; } stops the menu links working! Any ideas?
Thank you!
Hello – could you tell me if it’s possible to have a different background colour for the top bar, the logo area and the menu bar (when it’s set to logo centre, menu bar below)?
Thank you!
hey there,
first, thanks for the theme which is great..!
well when i put a PNG files into “image premiere” ( “image à la une” in french ) in order to display it in my portfolio grid, it appears to encounter an issue, no matter which size i define in the portfolio grid settings, PNG files keep shown as a bigger size, here is a picture of the portfolio grid to illustrate :

i’ve tried to find a solution on the forum but in vain. May excuse me if this topic has already been resolved elswhere.
thanks for your answer.
Please see the menu in the very top bar here: http://www.waggies.com.au/
The spacing is incorrect. Why is this happening with the last menu item?
Thanks