Hi!
After some debugging it seems this seems to be a z index issue that can be resolved by adding this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->Styling:
.avia_mobile #top .av-parallax-section{z-index: 0;}
This will of course also be added to the next update :)
Cheers!
Kriesi
-
This reply was modified 11 years, 8 months ago by
Kriesi.
Hi All,
1. I’d like to create a page similar to the demo -http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/ – specifically the content slider. My goal is to have 8 different galleries: gallery on the left, text on the right; and I don’t want it as a pop-up. I think I’m close, but I’m unable to figure out how to have all 8 galleries in one side similar to this: 
Here is the page I’m attempting this on: http://www.sistahhollywood.com/spring-2014-trend-report/
2. For a gallery, when you hover over any thumbnail – the image filename appears. How can I remove that withOUT removing the Description text?
3. Big Preview images: Here is the link: http://www.sistahhollywood.com/spring-2014-trend-report/. How do I get the Big Preview images at the same height? Not, when you click on it to maximize it, but when you’re click through the gallery via the thumbnail. You’ll notice images are showing at different heights.
Thanks so much for your time.
This reply has been marked as private.
please correct me if I’m wrong, in last version of enfold, in functions.php at line 281 there is a call to wp_enqueue_style for custom.css, as a result custom.css is loaded before the dynamic stuff, even though at line 304 we call wp_enqueue_style for custom.css again
should line 281 not cal wp_register_style instead ? I modified and it puts custom.css back after dynamic which is easier for customizing is it not ?
Hey @wtflovelife!
Please create another topic regarding your issue.
Cheers,
Josue
Hi!
This is intended behavior. Since android and ios dont execute scripts when scrolling the header shrinking would happen without animation and it would also reduce the click size of the main menu, which is also not really recommended so I disabled that behavior by default
Best regards,
Kriesi
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .fullsize .template-blog .post_delimiter { border-bottom-style: none; }
Cheers!
Yigit
Hi,
I have figured out the following: If I choose in “header social icons” –> “display in top …” the phone number/extra info will be displayed in header. If I choose “header social icons” –>”display in main header” the “header phone number/extra info” disappears in the top bar again. Any ideas?
What I have not yet figured out too is, how can I change the social icons font like in the “layout preview” in the Enfold Header Options (see in screenshots http://www.scheibentoenung-wien.at/header/
Thanks for your help.
Regards, Alex
Over the past few months I have built a site using your Enfold theme. Love the theme and have had no problems with it until now. The new site is launched and has been working for several weeks, but now when I go to edit the front page, all I get under the Avia Layoud Builder is the rotating circle like it is loading. The problem is, nothing ever comes up and I am unable to edit my Home Page because of this. I went to another page and opened the layout builder and it worked fine for that page, but it will not work on the front page.
Any ideas or help would be greatly appreciated.
The site is at http://www.camp4autism.com
Regards,
Nick
Awesome that worked!! Thank you!!
Hey zibaloon2!
You can go to wp-content\themes\enfold\includes folder and open helper-main-menu.php file and place your second logo there manually inside a div with a class and choose to display it only on mobile with a custom CSS code such as following one
@media only screen and (min-width: 480px) {
.second-logo { display: none; }}
@media only screen and (max-width: 480px) {
.logo { display: none; }}
For further customization, please hire a freelance developer.
Regards,
Yigit
Hi!
Please use following code instead
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { font-size: 18px; }
Best regards,
Yigit
http://shocktp.com/ I did flush out the cache and I went to another browser just to see, still to no avail.
Hey!
Have you tried flushing browser cache after applying the code and refreshing your page a few times? If still does not work, please post the link to your website so we can take a look
Cheers!
Yigit
I tried the code .main_menu ul:first-child > li > a { font-size: 18px;} to make changes to the size of the navigation. Nothing changed any suggestions?
Yes I had this disabled, but it is enabled again. Please check the link posted above. This seems to happen on all websites. I also tried this with a fresh installation of Enfold.
This reply has been marked as private.
Hey Jason!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
.main_color .sidebar .current_page_item>a { color: red; }
If that does not work, please upload your screenshot on imgur.com or Dropbox public folder and post the links here. Screenshot you posted cannot be found
Regards,
Yigit
Hi Stigan!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.phone-info span { color: red; font-size: 18px; }
#top .social_bookmarks li a { font-size: 18px; color: green; }
Cheers!
Yigit
This reply has been marked as private.
Transparent option for color sections.
thanks but still not showing unless it’s behind the mobile navigation?
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
div .logo {
top: 20px;
}
Regards,
Yigit
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.responsive .main_menu {
position: relative;
}
#top #menu-item-search { display: block !important; }
#top .main_menu .menu li { display: none; }
.responsive #header .main_menu ul {
display: block;
}}
Regards,
Yigit
thanks and sorry for the duplicate post…i forgot I posted it…
the above did not work? Any thoughts…
Hey wesleysoccer!
I have posted in your topic here https://kriesi.at/support/topic/enfold-upgrade/#post-238831
Please do not create duplicated posts as it is making it harder for us and other users to follow :)
Best regards,
Yigit
Hi wesleysoccer!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
.main_menu, #header_main_alternate {
display: block!important;
}
#top #menu-item-search { right: -100%; }}
It will display search icon right to the mobile menu
Best regards,
Yigit
great! that worked really well for the mobile.
What about for the ipad? The video comes up (loads) but does not play – I was told IOS will not autoplay videos? Is there a way to set it to have the image slider as well or is there some way of overriding and having it autoplay?
I was using this code to have the search icon on mobile but since upgrading to latest version of enfold I lost my search icon on mobile:
@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;
}
}
I’m using a standard header…I’m assuming some of the css has changed…any help would be amazing.
Thanks for the great support!