-
Posts
-
Hello,
I am trying to create a home page where on large screens there is a video as a background on a color section, and i want to hide the video on mobile devices and show an image slider instead. Right now i only see an option to hide the video and show a single static image.
I dont have a problem creating 2 color sections, one for each screen size, but i dont see an option to hide a color section on mobile (the same way i can hide a column). I would appreciate your help on this.Hey siteitltd,
Please create 2 sliders.
1. with video and the other with image.
Hide the image slider on desktop.
Hide the video slider on mobile.To show or hide elements in mobile or desktop please go to screen options > mobile display
Another approach is to use custom CSS please refer to this link https://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
VinayHi Vinay,
Thank you for your answer.
I created a full slider for the mobile devices but it dosent have a screen options tab.
The best thing for us will be to hide elements using css as you suggested. will i be able to hide a color section that way?
The link you attached instructs to “Turn on Custom CSS Class field for all ALB Elements” but on our enfold child theme options there is no ‘Layout builder’ tab as the guide says.I would appreciate you help on this.
Thank youHi,
Please update your site to the latest version 4.2.6.
NOTE: This is a major update, as a result, we recommend a standard procedure to update your site. First, update the theme on a staging server and check if everything works smoothly for you.
Yes please use the CSS method to show or hide the elements.
Best regards,
VinayHi Vinay,
Thank you. i updated the theme to the latest version and still dont have a “layout builder” tab on the theme options.
Also, now that the theme is updated i do see the ‘screen option’ tab on the image slider but it doesn’t apply. i checked the 2 first boxes so that the image slider wont appear on desktop + landscape tablet, but it still shows. do i need to do anything else in order for that to work?
Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
VinayHi,
I created a regular admin user for you without the plugin. details in the private section.
thank you very much.Hi Vinay,
Another update. i fount the layout builder tab and managed to hide the color section with the video on mobile with the css method.
i still cant hide the image slider for desktop. i used the check boxes in the screen options tab but the element still shows on desktop.thank you very much for your help.
Hi siteitltd,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) { #fullscreen_slider_1.av-desktop-hide.av-medium-hide { display: none; } }If you need further assistance please let us know.
Best regards,
VictoriaHi siteitltd,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaHi Guys,
I am opening this support thread since this client has 2 the same site in 2 languages. you helped me figure out these issues in the Hebrew site and i am trying to implement them on the English site with the exact same solutions and code and it dosent work.
here are the problems i am having:
1. I created an image slider which i would like to appear on mobile only. i tried hiding it on desktop in 2 ways. one via the screen option tab and the second using the css method. Both didn’t work, it still shows on desktop.
2. underneath the image slider there is a color section with a video background which i would like to hide on mobile and show on desktop only. i tried hiding it with the css method as explained in this link: https://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ but it dosent work, the video still shows on mobile.
3. I am trying to enlarger the social icons on the socket area. i used this code in the quick css and it dosent work:
#socket .social_bookmarks li a {
width: 50px !important;
height: 50px !important;
font-size: 18px !important;
}
4. i would like to canter the logo on mobile devices only. i used this code in the quick css and it dosent work:
@media only screen and (max-width:767px) {
.responsive #top .logo {
width: 100%;
}.responsive .logo img {
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}.responsive .logo {
position: relative;
display: block;
width: 100%;
text-align: center;
}
}Since these codes are working on the Hebrew site i am getting a feeling the quick css area dosent apply the changes, but i am not sure and would appreciate your help on these issues.
Thank you very muchHi siteitltd,
Are the header and the footer files from Enfold 4.3.1 in your child theme or from some older version? If they are from other versions, they need to be updated.
Best regards,
VictoriaHi Victoria,
I updated the theme through the theme update tab in the theme options. Shouldn’t that update all the files? how do i check if my header and footer files are up to date? and if they are not up to date how do i update only these files?
Thank you
Hi siteitltd,
When you update the theme, your parent theme is updated, if you have some files copied to the child theme, you need to make sure you keep those files up to date yourself.
Best regards,
VictoriaHi Victoria,
And how do i check if i have files in the child theme that needs to be updates?
I dont believe i have any files copied, since both website im working on were build the same way. In the first site we managed to make all the changes but here the changes wont take lace for some reason.Thank you
Hi siteitltd,
You will know this by comparing the content of the files with the same name and file extension except for style.css and functions.php as it just inherits styles and functions from the parent theme instead of overriding it. The files that are commonly changed/overriden are header.php and shortcode files.
Hope this information helps.Best regards,
NikkoHi Nikko,
Thank you.
I checked the files and just from opening the header.php in the main theme and the child theme i see the files are very different.
As i understand from you i need to update the files in the child theme. how do i do that? wont that delete customization made?Thanks again
Hi siteitltd,
You need to identify first what modification you added, if you’re having a hard time doing this you need to check the version of your current Enfold theme used and compare your header.php (modified) with the original header.php of the same version. You can then check the difference here:
https://www.diffchecker.com/
Then copy header.php from the latest version then apply the modifications you made before.Best regards,
NikkoHi Nikko,
thank you.
i am already using the latest enfold version. so i need to copy the header.php from the main enfold theme to the header.php in the child theme?
and after that apply the modifications?Hi siteitltd,
Yes, you are correct, as long as you copy from the latest version it’s all good :)
Best regards,
NikkoHi Nikko,
thanks. so i updated the header.php and it fixed the problems on the top of the page. when i updated the functions.php the same way i got an HTTP ERROR 500.
i checked with the support team of the server, it shows there is an error in live 29 (in the file i took from the latest version on enfold functions.php):
PHP Fatal error: require_once(): Failed opening required ‘config-wpml/config.php’
wp-content/themes/enfold-child/functions.phpcan you guess why and help me fix this? the site wont come up due to the error.
thank youHi siteitltd,
The error is pointing to missing file/s. Please check the file pointed if it’s there.
Or you can give us ftp access, so we can check on it further.Best regards,
NikkoHi Nikko,
Please see in the private content area FTP access, i would appreciate if you could help me understand whats missing.
thank youHi siteitltd,
Thanks for giving us ftp access.
Your site is up now, I noticed that you copied functions.php of your parent theme which isn’t needed and caused the problem.
I have modified functions.php and it’s good now, however I still see errors coming from this plugin’s js file: /wp-content/plugins/accesspress-pinterest/js/jquery-masionary.js
I tried the login you gave but it doesn’t work anymore.Best regards,
NikkoHi Nikko,
Thank you very much.
I updated the pinterest plugin so i hope thats ok now.i also updated the theme again to latest version and when it finished updating i got the notice:
“Warning: fopen(/home/sb027827/domains/p7743-100-4569.s100.upress.link/public_html/wp-content/plugins/home/sb027827/domains/p7743-100-4569.s100.upress.link/public_html/wp-content/themes/enfold/config-layerslider/LayerSlider/layerslider.php): failed to open stream: No such file or directory in /home/sb027827/domains/p7743-100-4569.s100.upress.link/public_html/wp-includes/functions.php on line 4835Warning: fread() expects parameter 1 to be resource, boolean given in /home/sb027827/domains/p7743-100-4569.s100.upress.link/public_html/wp-includes/functions.php on line 4838
Warning: fclose() expects parameter 1 to be resource, boolean given in /home/sb027827/domains/p7743-100-4569.s100.upress.link/public_html/wp-includes/functions.php on line 4841”
my problem right now is that it still seems like changes i make in the quick css window in the child theme options dont take effect.
see for example the code i added there to enlarge the social icons on the socket area. i used the same codes that worked fine in the Hebrew site, but here on the English site they dont work.
also, in the home page the portfolio images keeps despairing and appearing, and i cant understand what’s affecting this.i added again login details for you in the private area.
thank you very much
Hi,
Thanks for the update.
We disabled the Performance options temporarily. The changes should take effect immediately now. Please enable the script and stylesheet compression again when you’re done with the site.
Best regards,
IsmaelHi Ismael,
Thank you, but i dont see any of the settings i made in the quick css field taking place.
I am trying to do the following 3 thing:
1. Align the mobile logo only to the middle
2. Make the titles in the masonry portfolio gallery larger and the font lighter.
3. Make the social icons in the socket area bigger.I have made all these changes in the Hebrew site, and i used the same codes here, on the English site but that changes wont show.
Please help, i really need this to get this resolved.Thank you
Hi,
I took a look and found that you had a missing } in your css, up about halfway, so much of your css was not working correctly.
I also added some !important; to your centering logo code to get it to work.
I then was going to check your social icons in the socket area to check if they are bigger, as you wanted, but I don’t see any. Did you change your mind on this?
Also where is your masonry portfolio gallery?Please clear your browser cache and check, perhaps the missing } fixed the other issues too, otherwise please include direct links to the issues so we can assist.
Best regards,
Mike
- The topic ‘Show image slider on mobile and hide video’ is closed to new replies.