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
Hi,
Reaching out again to try to get an answer to the “custom.css” question in my last post (why it isn’t working).
Sorry to nag, but not sure whether the question has been missed, and my client would like to get this site up and running ASAP. Hence the re-post here :-)
Thank you,
Keith
Thanks for your help Devin.
It appears that I had the option of downloading two different sets of files. One was ALL the files and the other was just the enfold directory. I chose the latter and it contained version 1.8.1. I went back and chose ALL files and sure enough 2.6.1 was in there.
Regards,
Steve
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.main_menu ul:first-child > li > a { font-size: 18px; }
Regards,
Yigit
Hi alexanderloft!
You can try adding following code to Quick CSS in Enfold theme options under Styling tab to increase font weight globally
body { font-weight: 600; }
Can you also post the link to your website and screenshot showing how text looks on Mac and Windows computers?
Regards,
Yigit
Hi Abedia!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#header .mega_menu_title { font-weight: normal; color: red; font-size: 14px; }
Best regards,
Yigit
Sorry to bother you again. I did as you said and removed the new code and replaced the function.php but I still get this message:
Parse error: syntax error, unexpected T_FUNCTION in /home/d40567/public_html/sv/wp-content/themes/enfold/config-woocommerce/config.php on line 1255
Maybe I have to something with the config.php file?
Regards
Abedi
since the newest update of enfold the blog entries also the blog entry slider are not looking the same anymore on mobile than before. Now it is only 1 column and all the blog entries are in 1 column. But before it was beautyfully in small colunns. like 2 columns, and after it it was 1 big column, then it was again 2 columns, and then again 1 column. it was very nice managed. now it seems that its only 1 column… how can i change this back to the beautiful styling?
thanks
Hey Hayd028!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 1040px) and (min-width: 767px) {
.main_menu ul:first-child > li > a {
padding: 0 7px; }}
Then go to Enfold theme options > Header > Mobile Menu and choose to display it at 990px
Regards,
Yigit
Hey!
Inside wp-content\themes\enfold folder
Regards,
Yigit
Hey!
You are welcome, glad we could help :)
Kriesi added a CSS snippet to FAQ section on Enfold’s page http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990/support
Let us know if you have any other questions or issues
Best regards,
Yigit
Hi!
You can take a look at Enfold documentation here http://kriesi.at/documentation/enfold/
And video tutorials here http://vimeo.com/channels/aviathemes
Cheers!
Yigit
Hey nicomad!
Please try using this plugin https://wordpress.org/plugins/wp-music/
If that does not help, please try to find another plugin here https://wordpress.org/plugins/
Regards,
Yigit
Hey!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
#ignitewoo_events_calendar_wrap a.fc-event {
position: relative!important;
}
Best regards,
Yigit
Hi there! When I switched themes from Avisio to Enfold, all the widgets did not populate correctly. Many came in as Inactive.
Now when I move the widgets from Inactive into the widget areas that were in place with Avisio, I am getting duplicates, which you can see at http://coaching.valiantlane.com/services and at http://coaching.valiantlane.com/client-talk.
How do I fix this?
Thanks for taking a look!
#2 is still not working (#4 worked, thanks!). Here is what I have written in the quick CSS:
@media only screen and (max-width: 1000px) {
.avia-caption {display: none !important;}
.avia-caption-title {
font-size: 14px; line-height: 14px;
}
}
.header_color .main_menu ul:first-child > li > a { color: ; font-size: 15px; }
}
}
.js_active .tab {
font-size: 20px !important;
}
.active_tab_content .tab_inner_content { color: ; font-size: 14px; }
}
.toggler {
font-size: 14px;
}
.toggle_content {
font-size: 12px;
}
#mc_embed_signup .clear {
display: block;
visibility: visible;
height: auto;
width: auto;
}
h3 {
font-size: 20px;
line-height: 1.5em;
margin-bottom: 8px;
}
.inner_sort_button span {
padding: 0 10px;
}
#footer #text-8 .av_font_icon {
margin-right: 20px;
}
.av-masonry-sort {
padding: 40px;
}
! Any issues with the placement?
Thank you! Worked perfectly.