I tried that but no luck. This is what I originally had inside the enfold style section. I tried your code with this code and without.
@media only screen and (max-width: 767px) {
.responsive #header .main_menu ul, .responsive #header .main_menu ul {
display: block !important;
position: absolute;
background: none;
top: -20px;
right: 0;
}
.responsive #header .main_menu ul li {
display: none;
}
.responsive #header .main_menu ul li:last-child {
display: block !important;
}
}
Is there a recommendation I can try from scratch. I am also using a child theme and possibly my codes in there might be effecting it. I am willing to start that from scratch as well.
Sure. http://justoneafrica.org/wpsite This is still my dev build.
By the way, I bought another “top rated” theme and “lost” my money as yours is such an improvement and much easier to use. Thank you for providing a great theme that is easy to use and very professional.
Thanks for the support.
Clay
also, just aside from the other. when i scroll down with the mouse wheel the enfold logo at the top of the page gets smaller which looks a bit odd, is it possible to stop this. i’ll obviously be swapping this image for my own logo at some point soon but just wonder if it might do the same regardless?
thanks,
paul
hi there,
i’m knocking up a basic business site for a friend as a favour using the enfold theme.
they asked me the following:
can you add making change happen’ to the name chosen
– Add as a sub-headline: Helping you improve business performance
is there a way i can add both of these to the top of all the pages?
thanks,
paul
Hey guys
I’ve been using W3TC for a while on its own.
I have 92/100 on desktop and 71/100 for mobile.
Whilst I understand that the nature of the theme and other issues will always have an impact on speed versus function (always a trade-off) much will also depend on your hosting.
However, if it helps you can minify almost everything except for “../avia.js” and “../shortcodes.js” as the theme will break with my current configuration. My JS and CSS minify options are 100% enabled.
If you head over to GTMetrix though there are some extra advice options including the serving of scaled images (which seem to be inaccurately reported through the theme) and also the specifying of image dimensions not being set. Maybe run a test and have a look for yourself. It would be interesting to get feedback from you Devin on this situation? Why image dimensions are not being set for the sliders?
Oh and don’t bother paying for W3TC tech support to set up your plugin – the biggest waste of four weeks and $250 ever!!! Sorry, but just trying to help you guys from my own experience.
Maybe you can shift some static file serving via Cloudflare or something if you want to split resource loads? That’s where I will head soon with new image content. Worth a try to speed things up.
Hope that helps.
Ed
Something like this added to the desktop only media query in your css/custom.css file should do it:
#header {
position: fixed;
width: auto;
}
#main {
padding-top: 156px;
}
I’ve not done any cross browser testing but it should get you most of the way there.
Hello Josue,
I’ve tried adding your suggestion, but it has not worked.
The subscribe button shows up…. BUT it also shows up overtop off all the woo commerce product images.
Any other suggestions?
Thanks,
dnikitiuk
Hi!
Make sure to update your theme files to the most recent release. There was a few releases this week to fix bugs with 3.8. For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
For the read more button color Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top .av-masonry-load-more {
background: #F00;
}
Best regards,
Devin
1. how to remove second line under the header area on my page. sellmydigs.com
2. how do you make the caption on an image show up on the webpage?
3. how do you change font size in text editor?
4. How do i change the icon background color on the icon list to the theme color? (so they look like the icons do when you choose “top” icon?
Hey nokostudio!
You will also need to update your theme which was updated to fix the issue. For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Cheers!
Devin
Hi there
I have just noticed that the category filter has vanished for the masonry layout (shop and blog). I have just updated WP to latest version.
Is there a fix for this?
Cheers!
The best results I have gotten, after about 15 hours of testing:
W3 Total Cache setup for defaults will all minify settings disabled.
Better WP Minify enabled with the beta differed plugin installed, which “async’s” the files.
Under Better WP Minify settings, I set “Scripts to be minified and then printed separately” to contain:
admin-bar
jquery
avia-compat
avia-default
avia-shortcodes
avia-js-child-chart
avia-js-child-options
avia-js-child-mychart
Without jquery in there everything breaks. Without the compat, default, and shortcodes in there the home page bars and buttons do not load. The child scripts are for a HTML5 chart I use, and are not really in the equation here.
If I remove any of those items, things break. With these settings I see 72/100 on mobile and 90/100 on desktop.
The blocking scripts are the ones I have listed above, though there is a different number for mobile and for desktop. It is almost as if there is a theme function setup to load scripts differently on mobile devices, and this overrides the Better WP Minify settings.
sorry for not being more clear. i meant to have the pre-header menu not be set at 1 row at 768px so that it’s height can accommodate more than one row of links. i was able to achieve it via css.
/*allow pre-header nav to display as multiple rows at 768px*/
@media only screen and (min-width: 768px) and (max-width:1140px) {
.responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {
float: none;
margin: 0 auto;
position: static;
text-align: center;
width: 100%;
}
.responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {
float: none;
margin: 0 auto;
position: static;
text-align: center;
width: 100%;
}
#top .sub_menu > ul, #top .sub_menu > ul > li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.responsive #header_meta .sub_menu > ul li, .responsive #header .social_bookmarks li {
display: inline-block;
float: none;
}
#top .sub_menu > ul, #top .sub_menu > ul > li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.responsive .boxed#top {
width: 500px;
}
}
-
This reply was modified 12 years, 4 months ago by
Paul M.
Hi!
I am not sure if i understood you correctly, but please try adding following code to Quick CSS as well
.avia-builder-el-3 { margin-top: -20px; }
If this is not what you meant, please post a screenshot and show
Cheers!
Yigit
I am working to optimize my site.I am launching the site as a SEO specialist, and it would behoove me to have a fast loading optimized site.
I have tried a TON of plugins, with combinations, exclusions, etc- and none of them work. Most of them break the theme- it seems the theme CSS cannot be minified or the header or footer without things not working correctly. Using Async on the JS causes the icons and bars to not load correctly.
The best configuration I have seen yet is to use W3 Total Cache and disable all Minify. Then to use Asynchronous Javascript plugin and exclude jquery and some LayerSlider jQuery handles such as : layerslider_js,transit,layerslider_transitions,jquery_easing
Can you perhaps recommend an exact plugin configuration to use with Enfold that will do the following:
minify/compress CSS
minify/compress JS
Load JS asynchronously
Not break bars, icons, and animations
If you need to see the site it is https://www.virginiaseo.org and you can also run PageSpeed Insights and it will show you a score of 70 on mobile and 88 on desktop. While this is great, I think it has room for improvement.
I can also for sure way it is the theme and how the plugins interact with it- I set up another site using the theme Dixit and the W3 Total Cache with minifies enabled and it works just great. For the life of me I cannot get any minify to work with Enfold.
Thanks in advance for the help!!
Hi there,
i made some modifications to my main-menu. Seems to work fine. But i got one bug: I set to my .main_menu ul:first-child > li a a margin-top of 20px. Now this margin works in all submenus too …. Further: i would like to integrate bottom lines of each ” li a” in my submenu. Is it possibible to edit like first-child a last-child? Cause i dont want a line under the last sub-menu item.
Many thanks for possible help & fixes :-)
A picture to show my problem:

Here are the modifications in my Custom-CSS:
#header_main .container{
height:120px;
line-height: 120px;
}
.fixed_header #main {
padding-top: 90px;
}
.logo, .logo a, .logo img {
max-height: 90px!important;
}
#header_main .container {
height: 80px!important;
line-height: 80px!important;
}
.header_color .main_menu .menu ul li a:hover{
color:#009ee3;
background-color:#e5f5fc;
}
.main_menu ul:first-child > li a {
height: 40px!important;
line-height: 40px!important;
margin-top:20px;
}
.main_menu ul:first-child > li .submenu ul li a {
height: 20px!important;
line-height: 20px!important;
margin:0px;
}
`
-
This topic was modified 12 years, 4 months ago by
docperi.
What version of Firefox and OS are you using? I’m not able to get that same error in any browser including Firefox. Without being able to reproduce it live there isn’t much I can do unfortunately since I couldn’t even guess at the cause.
For your other questions please create a new topic so that we can address them individually. Questions tend to get lost if they get added on in the middle of trying to debug a still live issue.
In general for the contact page you can just clear out everything you have now then add a form element from the advanced layout builder then edit it as needed.
The widget areas you currently have on that page are just inheriting the widgets that are in the WordPress Apperance>Widget section.
This reply has been marked as private.
Hi dude,
I contacted them and they said it was an issue that only I could see :S
Apparently everything was looking fine from their end.
I told them how this issue is appearing on every device I use in my home (e.g – my laptop, computer, ipad, phone)
They told me that the issue can just be seen from ‘my end’ and I am meant to clear the internet network caching?
I am not sure if they are correct. When you logged into my site did you see the same issue? Was the site able to detect that you were logged on?
If you are getting the same error and there is no known way to fix it.. I am going to go ahead and upload an old backup of my site.
This issue has stressed me to the limit :(
Hey!
I guess you are referring to the lightbox opening, please refer to this topic in order to disable it in certain images: http://kriesi.at/documentation/enfold/prevent-image-or-link-from-opening-in-a-lightbox/
Best regards,
Josue
Hey MKW270210!
You could position it absolutely and then it gets a bit easier:
.phone2 {
color: black;
font-size: 30px;
padding: 4px;
position: absolute;
right: 10px;
top: 54px;
}
The issue will be what to do with the header on mobile since it doesn’t quite fit any longer. You can use the mobile media query in the custom.css (in the css folder) to add some additional css that will then position how you want for mobile.
Best regards,
Devin
Hey!
Try adding this code to the Quick CSS:
#top.single-post .big-preview.single-big a,
#top.single-post .small-preview {
pointer-events: none;
cursor: default;
}
Cheers!
Josue
…since the latest update.
I tried Dudes quick fix adding the brackets back in to /toggles.php but did not correct the issue.
Refreshed, updated page, different devices, etc., but still opens page with ALL FAQ showing and then selecting another category it collapses and disappears.
Any help would be appreciated,
Thanks
thanks yigit. is there also a way to have the top menu switch or does that all have to be done via css?
best, paul
As I’ve said quite a few times I do understand what you mean and as far as I knew there was nothing available to fix how a browser renders where a user is taken on an anchor link.
The same still holds true but I did stumble onto an article that has a possible fake fix. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.avia-section:before {
display: block;
content: " ";
margin-top: -44px;
height: 44px;
visibility: hidden;
}
The height and margin-top need to be whatever your menu shrinks down to.
Hey shriii!
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.avia-section:before {
display: block;
content: " ";
margin-top: -44px;
height: 44px;
visibility: hidden;
}
Please let me know if this works as I just happened to find something just now as I was looking into this yet again :)
Regards,
Devin
Hi Devin,
Sorry, my bad! I misunderstood the instructions when I viewed your video tutorial for child themes. I’ve since uploaded a blank functions.php file inside my child theme folder. Only added some of the PHP snippets that I need and everything is working fine now.
You can mark this topic as closed/fixed.
Thanks a lot for your prompt help.
Hi!
1) You can add new icons via the function method here: https://kriesi.at/support/topic/adding-slideshare-to-header-social-icons/
2) On each of your pages you have the option on the right hand side of the page editor in the “Layout” meta box to choose if you want to have the header. Look for the text:
“Header Settings
Display the Header with Page Title and Breadcrumb Navigation?”
3) In your theme options go to the footer tab and add [nolink] to the text box along with your own custom text.
4) The slideshow image is based on the options and image options you choose for that specific page.
For the blog page, if you’ve chosen that page from the theme options it ignores all settings on that specific page. See: http://kriesi.at/documentation/enfold/setting-your-home-and-blog-pages/
Cheers!
Devin