Hey!
I fixed it with this code:
.av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child {
padding: 0 10px;
}
Best regards,
Peter
Hey!
1) You can try to add this code into the enfold/functionsphp file:
function remove_caption_style( $width ) {
return false;
}
add_filter( 'img_caption_shortcode_width', 'remove_caption_style' );
It should remove the style attribute from the “caption” code output.
2) Use this code to change the title width:
#top .fullsize .template-blog .post-title {
max-width: 100%;
}
Best regards,
Peter
Hi!
As always, thank you for using the support forum.
Thank you for the login details. If you don’t mind, please post the the topic on a separate thread. Post the login details for the wordpress dashboard and FTP. Set it as a private reply.
Regards,
Ismael
Hey!
This topic is noted and we’re still not sure why the parallax effect is not working for touch devices. Thank you for explaining the issue.
Cheers!
Ismael
Hi!
Thank you for the screenshot. Please try this on Quick CSS or custom.css: http://pastebin.com/aBQsPGqf
If the first one doesn’t work, use the other one at the bottom. Adjust the top padding value if necessary.
Best regards,
Ismael
Hey!
Thank you for your understanding. First, if you don’t mind, please post a screenshot on how you want the header to look like. This will give us a good reference on where to start. Weird thing is if you’re using the Logo left, menu right option, the “header_main_alternate” container should not be visible but it is in your end which tells me that you haven’t change the menu and logo position or you added it manually. I’m not sure why there are two instances of the social icons. For a temporary fix, you can remove the top social icons by using this on Quick CSS or custom.css:
#header_meta > div > ul.social_bookmarks {
display: none;
}
Remove the bottom social icon with this:
#header_main ul.social_bookmarks {
display: none;
}
We’ll be happy to give you any assistance after we have taken a look at the screenshot. If you don’t mind creating a new topic for this matter so that we can close this topic, that would be great.
Cheers!
Ismael
Hey!
I guess you are referring to the contact, login links on top, try changing the code to:
#avia-menu li a, #avia2-menu li a {
color: #ffffff;
}
#avia-menu li a:hover, #avia-menu li.current-menu-item a, #avia2-menu li a:hover, #avia2-menu li.current-menu-item a{
color: #719430 !important;
}
Regards,
Josue
Hello Andrea,
Have you tried disabling all third-party plugins to see if it gets fixed?
Regards,
Josue
Hey Neil!
That’s an archive Page, see Ismael solution on how to create a custom sidebar for that:
https://kriesi.at/support/topic/problem-with-sidebar-on-archive-page/#post-124869
Regards,
Josue
Hey Josue,
That worked great for main menu. Can you tell me the css to do the same for the secondary menu items along top of the header as well?
cheers Fudge
Hi – love the new google maps feature in layout builder – works great on desktop and mobile, but the custom map markers (pins) are not showing up on mobile (iphone/ipad for me). any ideas?
you can see it here: http://www.healey3000.com (test site)
thank you!
Hey!
Try adding this code to the Quick CSS:
.html_header_top.html_header_sticky #header{
z-index: 1000;
}
Cheers!
Josue
Hello,
Currently, we are using the blog grid style. We want to switch back to the featured image on the left with a snippet on the right. In General Settings, we switched the layout to single author small pic and nothing happened.
Here is the url: http://chicagoweddingblog.com/
Below is all the code in Quick CSS in case there may be a conflict.
@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}.single-post .big-preview.single-big { display: none; }
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}
Please advise.
Cheers!
I am using the following custom css code on my site:
.av_promobox .avia-button {
background-image: none;
border: none;
color: #ffffff !important;
font-size: 13px;
font-weight: normal;
transition: background .5s;
-webkit-transition: background .5s;
}
.av_promobox .avia-button:hover {
background-color: #c3512f;
border-color: #c3512f;
transition: background .5s;
-webkit-transition: background .5s;
}
.image-overlay {
display: none !important;
}
.avia-testimonial-subtitle {
color: #000000 !important;
}
.avia-team-member-job-title {
color: #000000 !important;
}
.main_color .avia-icon-list .iconlist_icon {
background-color: #1180e1 !important;
}
.avia-section {
border: none !important;
}
#wave-section-up {
margin-top: -50px;
background-color: transparent !important;
}
#wave-section-down {
margin-bottom: -100px;
background-color: transparent !important;
position: relative;
bottom: 50px;
z-index: 9007;
height: 120px;
}
.main_menu {
z-index: 9008;
}
.fixed_header #header {
z-index: 9008;
}
#disqus_thread {
width: 95%;
}
.cart_dropdown.visible_cart {
z-index: 9009;
}
The part I am referring to is #wave-section-down and it’s not staying under the menu, but #wave-section-up is staying under the menu. I don’t know why, please help.
http://oceanhypnosis.net
Hello,
Hope someone can help in uploading the newest version of enfold.
I found the instructions for updating the theme through the “Enfold theme options.” But I don’t have a “theme update” tab on my Enfold theme options.
Then I tried uploading the theme through wordpress itself (appearance…install theme, etc)
When I download the most recent Enfold version on Theme Forest I downloaded: “All files and documentation.” Then, in WordPress, I attempted to upload the Enfold.zip file contained within the “All files…” folder. Unfortunately nothing happens. It won’t upload. The status bar on my browser goes part way and then stops and I get a try again message. What am I doing wrong? Should I have downloaded the file: “installable wordpress file only” ??
Any other options? Not too complicated I hope.
Thanks for ant assistance.
Will
Hello,
Ill building one page thats gonna land only for ipads (1024x768dpi). Page id is gonna be 3012. how can I remove the padding from the container so all the elements will line up next to the edge of the screen , right now I think there is a 10px padding for left and right and 20px for top & bottom.
I upload a photo for a better explanation
http://wyndhamgardenftwaltonbeach.com/wp-content/uploads/20140402_135904-copy.jpg
Hey there –
Great job on the theme!
I’m having an issue that other folks have reported where mobile hyperlinks, especially within color sections, don’t work.
My site is here: http://www.parkchenaur.com.
After applying the latest EnFold update, most of the links outside of the top color section now work. However – the ones on the top color section do not.
I’ve applied the CSS code you pasted in the other threads, pasted below. Any ideas what might be wrong? It is also conceivable that I put the code in the wrong way somehow.
Thanks!
Code I’ve tried…
.avia_mobile #top .av-parallax-section{z-index: 0;}
@media only screen and (max-width: 767px) {
#mobilehometwo a { z-index: 99 !important; }}
Hi Ismael!
The Events Calendar plugin has made an update and it seems that the duplicated posts has now stop.
Thanks again for your time regarding my topic.
Have great day!
Ok found a workaround to this on my Acer Iconia (ANDROIND 4.0.3): I changed the display sensitivity of the touchpad to high. Voila it worked like a charm.
However, I am unable to find a solution with Galaxy Tab3 (ANDROIND 4.1.2) so basically the drop down will not function in newer versions of Android? A bit perplexed.
This reply has been marked as private.
Hi Yigit,
I added the code but still same results. It was added to the custom css and then also to style.css as I use a child theme. Same results in both cases
Hi, I recently hired a guy to customize the Enfold theme and I think he may have altered some of the Enfold core files (esp. the CSS files) when I asked him not too. He stopped work on my project when I pressed him on the issue so I suspect something is up. The test site is: test.specialized-pt.com. I mentioned that I only wanted the CSS3 code to go into Enfold’s Quick CSS test box area so I could review it and modify it in the future if needed.
What files do I need to replace to ensure that the Enfold core files are in their original state and not modified? I’m just trying to save some time by not rebuilding the entire site over to test this (it would take some time to add in the media, new pages, and other tweaks). And I do have a complete copy of the site files backed up on my local drive.
Thank you so much for your expertise and help!
Spenflash
Hi!
Please try it as following
.page-id-3012 #main .container_wrap {
border: none !important;
}
.page-id-3012 #main {
padding-top: 88px !important;
}
and flush browser cache after applying the code
Cheers!
Yigit
Hey!
Please try following code in Quick CSS
.page-id-3012 #top.avia-blank #wrap_all #main .container_wrap {
border: none !important;
}
.page-id-3012 .html_header_top.html_header_sticky #main {
padding-top: 88px !important;
}
Regards,
Yigit
Hi Yigit,
Thx for the reply. I add that code and nothing changed. Im working on a blank page template and what Im trying to accomplish this:
1. No borders ( putting this code will affect the other pages as well )
#top.avia-blank #wrap_all #main .container_wrap {
border: none;
}
2. No top padding (adding this will affect all the pages as well)
.html_header_top.html_header_sticky #main {
padding-top: 88px;
}
page id that I`m working on it 3012.
Thank you.
Hey guys,
This fixed itself and then broke again. The portfolio pieces don’t link to their portfolio piece anymore.
http://www.companybell.com/portfolio-item/story-of-god-series-zondervan/
I deleted the old portfolio thingie and reset all of the options and then reset my cache and it doesn’t seem to be working.
Thoughts on how to fix this.
Hey!
Can you guys try adding following code to Quick CSS in Enfold theme options under Styling tab and check if that helps?
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #mobile-advanced {
z-index: 999!important;
}}
Cheers!
Yigit
*edit* Found another topic recommending the Scripts To Footer plugin and Dude’s explanation of why it’s not always possible to do it any other way. (https://kriesi.at/support/topic/moving-javascript-to-footer/)*end of edit*
Original comment:
“Also, is there any way to fix this render blocking issue or is it an inherent quality in the theme?

I appreciate any advice you have for optimizing my site.
Best regards,
Arthur”
-
This reply was modified 12 years ago by
agutnov.
I fixed it by placing this to the top:
#top .main_menu .menu li a { font-size: 18px; color: white; background-color: #4787f3; }
#top .main_menu .menu li a:hover { background-color: #4787f3; color: grey; }
#top .header_color .main_menu .menu ul li a{
background-color: #ffffff;
color: #4787f3;
font-size: 17px;
}
#header_main {
background: #4787f3;
}
Now the only issue still is:
try changing it to tablet size and watch the menu bar get ugly
and then mobile and click on the menu and things get even more goofy
Hi!
Can you try adding following code to Quick CSS and check if that helps?
.avia_mobile #top .av-parallax-section { z-index: 0; }
Regards,
Yigit