Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #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

    #1186742

    Hey,

    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,
    Yigit

    #1186748

    It 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

    #1186752

    Hey,

    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,
    Yigit

    #1186766

    Hi 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 screens

    #1186769

    Hi,

    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,
    Yigit

    #1186779

    Great 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

    #1186781

    pasted the codes in the style css, but nothing happens :(

    #1186793

    Hey,

    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,
    Yigit

    #1186798

    So 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 :(

    #1188431

    Hi,

    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,
    Yigit

    #1193789

    Hi 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.

    #1195509

    Hi,

    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.
    #1195522

    Hi 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
    mike

    #1195525

    Hi Mike,

    No worries at all. Sorry I could not find a solution in timely manner.

    Only change I made was replacing HTML of contact form. I just edited your slider and added the previous code back.

    Best regards,
    Yigit

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.