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!
Hi!
Code should display fullscreen slider on mobile and hide on screens wider than 767px and will do vice versa for color section video
Cheers!
Yigit
does that code also hide the image slider on non-responsive media?
yeah! thanks very much.
the 2.6.1 update caused me many problems with my css customizations,
so I couldn’t take advantage of the new options for video :(
I will see if this works.
Dear Friend, here is a massive multi site with main site running with Enfold.
http://DrPrem.com
Please share your views.
Hey!
I offered it as a workaround. Please try following code in Quick CSS
@media only screen and (min-width: 767px) {
.page-id-7727 #full_slider_1 { display: none; }}
@media only screen and (max-width: 767px) {
.page-id-7727 #av_section_1 { display: none; }}
Regards,
Yigit
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