Cambia el codigo de active_tab por:
#top .active_tab,
.responsive #top .socket_color .tabcontainer .active_tab{
background-color: #454e57;
color: white;
}
Oops, my bad. It is answered here
Paste the following in your Quick CSS
@media only screen and (max-width: 767px) {
.cart_dropdown{
display: none !important;
}
.html_visible_cart .cart_dropdown{
display: block !important;
}
}
All good! Try it la_tripping and see if it works
Hi,
So I modified the functions-enfold.php file just a little bit to do something for me and I lost the breadcrumbs. I was hoping maybe you could take a look and let me know if I can do something a little different to get my breadcrumbs back working. If you take a look at like line 334 that’s where you can see my modifications. For some reason it did what I needed it to do but like I said I lost the breadcrumbs.
Thanks
-Dan
Hey!
Please go to Enfold theme options > Advanced Styling and edit “Main menu links” and change background color. I tried to avoid providing custom CSS code but if you prefer custom CSS, please add following code to Quick CSS in Enfold theme options > General Styling tab
#top #header .av-main-nav > li > a {
background-color: transparent;
}
Cheers!
Yigit
It should be showing as Century Gothic not what is appearing in those screen shots though – it works on my surface pro and another colleagues HP laptop but it transfer across to mobile or onto my 2009 Mac Book. Is there a way to ensure century gothic appears on all devices?
Hi Yigit,
Thank you so much for the reply.
So it would appear that way… but the Front Page is showing different footer widgets than the rest of the site.
If you look here: http://www.flyboardcozumel.com/flyboard-2/ – these are the footer items we would like to display.
The Front Page is also not showing “edit page” options at the top of the page.
Thanks again.
-M
Yigit,
Thank you. What if I want the top bar to be orange, or blue? That one section of the header is still black – why is that?
Hi Ismael,
1)
this all started with one of our clients (they are all on enfold) showing me http://www.gshock.com/gsteel where it works perfect on mobile. 
2)
a- the models that seems to have issues are iphone 4s and iphone 6s attached are two screen shots from a 6S

b- it seems to be working on android devices, albeit somewhat buggy as the video in your second link discusses..
=== sooo, I am hoping that maybe we can use the ‘fixed’ for desktop versions of the website, where it makes it look super duper sexy, but allow to scroll on mobile?
what do you think? is this something we can do with a tiny bit of css in the quick css editor?
I believe the long term solution would be for the add another control set to the “Mobile Behaviour” on the “Grid Row” settings, that allows us to set the background image to fixed on desktop and scroll on mobile so it does not break the mobile experience but allows us to have this super sexy way of setting pages up for desktop purposes.
thanks as always for your super awesome help and support :)
cheers.
-
This reply was modified 10 years ago by
ENBertussi. Reason: image issue
Hello!
I’d like to find out if it’s possible (with quick css or drag/drop content elements) to add navigation arrows within a portfolio item/image page to go to the next/previous image page. The navigation arrows that appear on the left/right side of the screen outside of the portfolio page work fine on desktop, but they disappear on mobile devices. It seems the only way to navigate from one image page to the next on mobile is by clicking on the return button, and essentially going back to the beginning of the portfolio category page to choose the next image.
Thanks in advance for any help with this! Btw, Enfold is a wonderful WP theme especially for people like me who don’t have a clue about creating codes and rely only on drag-drop format.
Many thanks,
Xenia
Dear “Kriesi”,
I am loving Your theme. Have used it for a lot of projects, but now I need Your help.
For a customer I am using the ajax portfolio. I need to have the ajax portfolio images to be above the ajax portfolio content not only below screen widths of 768px, but below 1280px.
May You please let me know (1) what the name of the javascript/ jQuery function is, which is triggered on opening and navigating through the ajax portfolio, (2) to which elements this function is attached and (3) in which of the theme files the function is located?
I would like to unbind it and bind a modified version which I would place in the child themes function.php. I cant reach the desired result by custom CSS only, as at the following is controlled via jQuery:
`<span class=”image-overlay overlay-type-image” style=”left: -5px; top: 0px; overflow: hidden; display: block; height: 408px; width: 554px;”><span class=”image-overlay-inside”></span></span>
Thank You very much,
Thomas
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
#top .av_header_transparency #header_meta {
background: #8dd8f8!important;
}}
Best regards,
Yigit
Hey Stéfano!
Please use the following
.html_elegant-blog #top .template-search .post-entry .post-meta-infos
and it will help you hide that area, to the search results! :-)
Cheers!
Basilis
Hi Charlotte! :)
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .social_bookmarks li a {
font-size: 12px;
}
Regards,
Yigit
Hi!
Login as admin and goto blog page on top you find a black bar with wordpress options click “Edit page” it takes you to the blog page
or Admin > pages > blog
and when you are in the blog page click on blog post element to see more options.
hope this helps :)
Regards,
Vinay Kashyap
Almost there. Now the top header is gone in mobile view when on a transparent page.
Hi!
Please click “Screen options” on the top right of the screen and make sure to check “Description” as i mentioned above :)
Best regards,
Yigit
Hi there,
I am trying to build a Layer Slider with just a full width embedded Youtube video. Is this possible? I have played around with various settings but have not had any luck.
Right now my content is as follows:
<div class=”container”>
<iframe src=”https://www.youtube.com/embed/ECIN3XI0XbE?autoplay=1&rel=0&controls=0&showinfo=0″
frameborder=”0″ allowfullscreen class=”video”></iframe>
</div>
I also have the following CSS code in the slider:
.container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
I cannot use the page builder slider feature, and must use a custom build LayerSlider due to the issue mentioned in thread
#590018 that is currently unresolved. Any help you can provide would be appreciated.
Thanks,
Emma
I am changing a website theme over to Enfold.
The old theme has a tick box in the main page settings to not display the Featured Image (FI) on a post, and this is ticked for all current posts so no images are shown.
Enfold however has its “Don’t display image on single post” tick box as part of the FI box in the right sidebar of Edit Post. The problem is that the FI ‘tick’ on posts from the old theme have not transferred over after switching, and all posts under Enfold now show the box unchecked (the ticks are still somewhere in the database because if I switch back to the old theme, the featured images aren’t displayed). So with Enfold all 4000+ posts are now displaying the Featured Image. (-:
I could probably stop the featured image showing for the whole site via some CSS but if I ever wanted to actually display a featured image in future, I wouldn’t be able to using that method.
It would also be good to have the database consistent in the long term (and I’m not going to edit 4000 posts one by one…) so I’d like to alter the database via phpMyAdmin to set the appropriate flag on existing posts and add the ‘tick’ for “Don’t display image on single post” – can you tell me which SQL table, parameter and appropriate value I need to alter?
Or – maybe – should the Featured Image ‘tick’ have transferred between themes?
I can’t get the Layer Slider to update on the home page of https://luckysautosports.com. It will allow me to create new slides and make edits, but when I go to save, the saving process never completes. I was instructed to create this thread based off of a conversation in another thread.
Post Link: Post Link: https://kriesi.at/support/topic/layerslider-not-working-5/#post-589565
Please help and / or let me know next steps.
Hey!
Please change the code to following one
#after_masonry, #after_masonry .content {
height: 0;
padding: 0px;
border: none;
margin-top: -1px;
}
Best regards,
Yigit
Ismael!!! You did it! Thank you :D
Transparent non fixed-position header on mobile in landscape modus.
@media only screen and (min-width:481px) and (max-width: 767px) {
#header, .header_bg, #header * { background: transparent !important; }
.responsive #top #main {
margin-top: -82px;
}
Haha, Yes,
The idea is to have a huge logo, centered, on top, and responsive, and to let it shrink to max ~300px high when scrolling down (hence the shrinking header option).
My problem is that I can’t make it responsive while keeping the original ratio and being so big :-/
Edit 06.03.2016:
Ok, I’ve managed to make it bigger and take more space (still not enough but that’s just a matter of trial and error).
However, I still can’t get it to shrink correctly. the logo shrinks but only vertically (it doesn’t keep the original image ration) and the containing div doesn’t shrink. That’s the part I don’t get…
Hey Thomas!
It could work, you’d need to replicate this structure in your child theme:
- header.php
- includes/helper-main-menu.php (edit this)
Try placing the static logo div outside the header tag, also i’d suggest doing this mod only for the desktop version, for example, the following disables the default logo on desktop only:
@media only screen and (min-width: 767px) {
.container.av-logo-container {
display: none;
}
}
Regards,
Josue
Hi!
You can try turning on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and adding a text block element to the top of your page with a custom CSS and then add following code to Quick CSS
.your-custom-class { position: relative; top: -50px; }
Cheers!
Yigit
Is it possible to have the blog posts displayed with the oldest post on top instead of the newest only on this new page I created?
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.container.av-logo-container {
max-width: 100%!important;
margin: 0!important;
}
.responsive .logo a { display: block; }
.responsive #top .logo {
width: 100%;
height: 100%!important;
}}
Regards,
Yigit
Is there a filter or something to stop the auto-height of the slider for testimonials?
Hi!
Please go to Enfold theme options > Header and choose to display “Logo center, menu below” option and then add following code to Quick CSS
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
Best regards,
Yigit