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
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 12 years ago by
Kriesi.
This reply has been marked as private.
Hey @wtflovelife!
Please create another topic regarding your issue.
Cheers,
Josue
Hello,
Please try to deactivate all third party plugins (except WooCommerce) to see if it gets fixed.
Regards,
Josue
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
Awesome that worked!! Thank you!!
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?
Good morning,
I’ve installed an Easy Slider in my “about us” page, but the vimeo video will autoplay. Can I stop this?
I’d like every visitor can dacide to play the videos without an automation. Thank you!
Regards!
tg
Hey!
Please try following one instead
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}
Regards,
Yigit
This reply has been marked as private.
Hi Yigit. Strange…it did not work. Below is all the code in my quick css.
Just trying to get our logo to have a little white space on top.
@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;
}
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
Ultimately its up to Kriesi and he has been tagged on the topic.
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
}
.responsive #main {
padding-top: 82px !important;
}}
Best regards,
Yigit
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
Hi!
Please add following code to Quick CSS as well
.header-scrolled strong.logo { padding-top: 10px; }
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-height: 25px !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
right: -25px;
}}
Regards,
Yigit
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!
I got this response when I asked about it swapping the video on responsive devices – it is also on some other topics here.
Q: I have read some other answers to this topic – is there a way to swap out the video slider for an image slider on responsive media? I saw there was some way to add a css code but it was not listed. I can wait for the new release, sounds good, but was wondering if there was a work-around for now?
A: Hey! You can add image slider above or below your video slider and post the link to your website and point out the section so we can provide you custom CSS code
Regards, Yigit
but then I didn’t get an answer back… :(
Hi,
I cannot reduce the padding any further in between the body and the main menu at the top of the Enfold Theme? It’s leaving me with an inch under the menu at the top, even with the padding set to 0? Is there a quick css to fix this? I am trying to get a full page slider on the homepage, but this gap keeps pushing the image down the screen.
I’ve tried the following, but no change?
body.postid-1 .main-title, body.postid-2 .main-title {display: none;}
We waited a long time to receive support the last time we raised a support ticket, a quick response would be appreciated.
Thanks in advance.
Jonathan
Hey!
Please add following code to Quick CSS as well and adjust background color as needed
#top fieldset {
background-color: black;
border-radius: 4px;
padding: 20px;
margin-bottom: 0;
}
Best regards,
Yigit