-
AuthorPosts
-
February 21, 2020 at 9:45 am #1186640
Please help out make my advanced lay out sliders responsive , tried everything :(
Also how donI remove the white horizontal line between de two advanced lay out sliders
Url in private
thanks
February 21, 2020 at 2:37 pm #1186742Hey,
I added following code to bottom of Style.css file of your child theme
.avia-layerslider.container_wrap { border: none !important; }
I also noticed that you are currently not using the latest version of Enfold. Before we continue with responsive settings, could you please update Enfold to the latest version 4.7.3 – https://kriesi.at/documentation/enfold/theme-update/? Then you can refer to this post – https://kriesi.at/documentation/enfold/theme-registration/#how-to-generate-a-envato-personal-token and generate a Personal Token to insert in Enfold theme options to receive auto updates :)
Best regards,
YigitFebruary 21, 2020 at 2:43 pm #1186748It says on the update page
Themes
Your themes are all up to date.Which one do I need to update ? The Child theme or the other and where do I do this ?
thanks
February 21, 2020 at 2:52 pm #1186752Hey,
That is because you have not inserted your Personal Token in Enfold theme options. You can refer to my post above and generate one, insert in Enfold theme options and you should receive update notification after that :)
Regards,
YigitFebruary 21, 2020 at 3:11 pm #1186766Hi Yigit,
Theme updated ;)
So I have 3 questions to finish this :
1. Can I make the form a bit transparent ?
2. I want to hide the form on mobile
3. I have added a button on mobile (instead of the form) can I hide that one on PC / larger screensFebruary 21, 2020 at 3:35 pm #1186769Hi,
1- I changed background color value in layer styling settings to following
rgba(247,247,247,0.5)
First 3 digits are RGB value of the color and 0.5 is opacity level. You can set opacity between 0-1.
2- I edited your layer and gave it “layer-form” ID in Link & Attributes tab. You can add following code to bottom of Style.css file of your child theme to hide it on mobile
@media only screen and (max-width: 767px) { #layer-form { display: none !important; }}
It should hide contact form on screens below 767px. You can adjust the value to hide it on larger/smaller screen sizes.
3- Similar to #2, I edited your button layer and gave it “layer-mobile-button” ID. Please add following code to Style.css file
@media only screen and (min-width: 767px) { #layer-mobile-button { display: none !important; }}
Best regards,
YigitFebruary 21, 2020 at 3:56 pm #1186779Great man !!!
Now just the responsive isssue ;)
And than final request : The button in the slider must link to “scroll down” to the form that is at the end of the page
February 21, 2020 at 3:59 pm #1186781pasted the codes in the style css, but nothing happens :(
February 21, 2020 at 4:29 pm #1186793Hey,
1- I played around with options a bit however it is going to take some time. Could you please create another slider for mobile and display it on mobile instead? :)
2- I edited your page and placed your section inside a Color Section element with “mobile-contact” ID – https://kriesi.at/documentation/enfold/menu/#toggle-id-137 and then edited your button layer and linked it to “#mobile-contact”.
Best regards,
YigitFebruary 21, 2020 at 4:35 pm #1186798So I will hide these current sliders and make new ones for mobile ?
I do not see what I would need to adjust in the new mobile slider to make it responsive or look different/better :(
February 27, 2020 at 12:44 pm #1188431Hi,
Sorry for the late reply!
Yes, please. You could also try entering values using % instead of px and that might help with your existing sliders as well.
Best regards,
YigitMarch 17, 2020 at 1:28 pm #1193789Hi Yirgit,
You have set up our “registration form” on our website.
But when we test the form, no data is being sent. (if we use standard contact form, we do receive the data in our inbox)
Could you advise or adjust it.
March 23, 2020 at 4:37 pm #1195509Hi,
Sorry for my late reply!
I could not reproduce the issue on my local installation. It seems like you chose to redirect to another page after form is submitted and i believe that is reloading the page.
I edited your contact form on the bottom of your homepage and changed the setting from “redirect to another page” to “display a message”, copied HTML code, replaced the code in Layerslider with new one, then edited your contact form once again and set to redirect to another page.
I believe this will help however it seems like there is a server side cache as changes are not being reflected. Could you please flush it and check the slider once again?
Best regards,
Yigit- This reply was modified 4 years, 7 months ago by Yigit.
March 23, 2020 at 4:48 pm #1195522Hi Yirgit,
We did not get a response from support for days.
So we have hired an agency to make the forms work. De thank you page we needed to track conversion
Could you please set everything back as it was and make all changes undone.
Sorry for the inconvienence.
thanks
mikeMarch 23, 2020 at 5:00 pm #1195525 -
AuthorPosts
- You must be logged in to reply to this topic.