-
Posts
-
Does the Advanced Layer Slider have the option to disable the slideshow and just display an image after the screen has reached a given width?
Thank You!
Hi!
It doesn’t, but you can play around with some CSS:
/* Desktop Styles ================================================== */ @media only screen and (min-width: 768px) { #image_placeholder{ display: none; } } /* Mobile Styles ================================================== */ @media only screen and (max-width: 767px) { #image_placeholder{ display: block; } #layer_slider_1{ display: none; } }Put the image inside a Color Section with an id of #image_placeholder (next to the LS), you’d need to figure out the LS container id via the Inspector Tool.
Best regards,
JosueHey wow, it’s working! I’m concerned that I didn’t do the step about figuring out the LS container id via the Inspector Tool. That part confused me. I’ve used the Inspector Tool for other things but I don’t recognize what the LS container id looks like.
Anyway, I know I need to do some re-sizing of my image, but it seems to be working. I need the image that displays on mobile to be a link though.
http://dpatrickinc.com/wordpress/
Thanks!
There doesn’t seem to be a place to insert a link.
I’ve sized the image correctly now and inserted it into the Color Section with the Alternate setting turned on so that it only shows at the specified width and it’s working, however, I’m not sure how to add a link to the alternate image.
Here is a screenshot of the options and settings I have: http://dpatrickinc.com/wordpress/wp-content/uploads/2014/05/Screen-shot-2014-05-22-at-4.22.56-PM.png
Thanks!
Hey!
Have you tried deactivating the cache and minifying plugins? Please deactivate those plugins then test it again. Let us know if anything changes. Please toggle any settings on Enfold > General Layout > Dimensions panel. See if that will fix the dropdown menu. The theme is now using a new grid system. I think the settings is stuck.
Regards,
IsmaelI’ve tried all of the things you’ve suggested, but the only thing makes the menu display correctly is to remove the below piece of css from the custom css area. But of course, removing that makes the alternate color section show at all times instead of only on mobile, unfortunately.
To clarify, when I say, “alternate color section” I and referring to the buttons that show up to replace the main slideshow when the screen is mobile size.
/*
Desktop Styles
================================================== */@media only screen and (min-width: 768px) {
#image_placeholder{
display: none;
}}
/*
Mobile Styles
================================================== */@media only screen and (max-width: 767px) {
#image_placeholder{
display: block;
}
#layer_slider_1{
display: none;
}}
Hi!
Is that all the code that you have on the custom css area? Please post the login details here. Set it as a private reply. We would like to check it.
Best regards,
IsmaelHey!
Try deactivating all active plugins and see if that helps. The css alone shouldn’t have any conflict like you are getting.
If that doesn’t work your best next step would be looking into a freelance developer to dig into customizing the mobile specific changes and what the conflict is. Support doesn’t really cover customization though we do provide it where possible and as available.
Regards,
DevinI wanted to tell you guys I’ve discovered that as long as my alternate content color section is not placed towards the top of the page, then the main navigation doesn’t get messed up anymore. I have moved my alternate content down below the section of three paragraphs that say, “Locations, Body Shops, and Parts & Service” and the main nav is working properly. However, that’s still not the ideal solution. We’d like those alternate, mobile friendly buttons to be the first thing on the page when viewed on smartphones. I just thought knowing this might help you pinpoint the problem. Maybe a z-index problem possibly?
Thanks
Hey!
Thank you for the update and sorry for the delay. Just to be clear, the issue is that the menu drop down is cut off. I checked the website and the drop down menu is not partially cut off by the layer slider. Did you fix this?
Cheers!
IsmaelNo it’s still not fixed. I had only moved the alternate content down the page. Here is a link to a .pdf document including screenshots and descriptions that explain the whole problem.
http://dpat.com/dpatrick/wp-content/uploads/2014/10/for-support.pdfPlease let me know if you have questions. Feel free to log in and move content around on the home page if that helps you see.
Please let me know.
Thanks,
Kristy
Hey!
Thank you for the info.
Please save the page template then create a test page using the same template. Move the section that is causing the issue. We would like to check it.
Cheers!
IsmaelI have created two test pages for you. They are called:
Home For Support 1
http://dpat.com/dpatrick/home-for-support-1/
(mobile buttons in the correct place, main navigation broken)Home For Support 2
http://dpat.com/dpatrick/home-for-support-2/
(mobile buttons in the wrong place, main navigation working)I have also added these two templates to the Advanced Layout Editor.
You will see the difference in the two layouts when you resize the window to mobile size and compare.
We have been having some trouble with our server saying that the database has crashed or it will think you’re not logged in to WordPress anymore. Let me know if that happens to you and I’ll ask the system admin to reboot.
Thank You!
Hey!
Thank you for the update.
I checked the page http://dpat.com/dpatrick/home-for-support-1/ on my mobile device and the mobile navigation is working fine along with the alternate section buttons. Which specific menus are not working?
Regards,
IsmaelOn a DESKTOP COMUTER please open Home For Support 1: http://dpat.com/dpatrick/home-for-support-1/
In a NEW WINDOW please open Home For Support 2: http://dpat.com/dpatrick/home-for-support-2/
Notice the MAIN NAVIGATION MENU. You will see the difference when you compare the drop-down menus.
Home For Support 1 has the mobile buttons in the correct place. But the main navigation menu is broken. — Home For Support 2 has the mobile buttons in the wrong place. But the main navigation menu works.
Sorry about that. We are also trying to secure one of the pages today and something went wrong with that set-up. It is back online now and we will stay out of it until we hear from you again.
http://www.dpat.com/dpatrick/home-for-support-1/
http://www.dpat.com/dpatrick/home-for-support-2/Hi!
Alright. I can see it now. Please try this on functions.php:
function add_mega_menu_css(){ ?> <style type="text/css" id="av-browser-width-mm"> #header .three.units{width:302.5px !important;} #header .six.units{width:605px !important;} #header .nine.units{width:907.5px !important;} #header .twelve.units{width:1210px !important;}</style> <?php } add_action('wp_head', 'add_mega_menu_css', 5);If I am not mistaken this mega menu issue has been fixed on version 3.0.2. Please download the latest version from your themeforest account then update the theme via FTP.
Best regards,
Ismael
- The topic ‘Advanced Layer Slider – display still image at certain width?’ is closed to new replies.