Support » Plugin: Parallax Scroll by adamrob.co.uk » Version 3.0 broke the css on my site

  • I had to roll back to a previous version, version 3.0 broke some css on my site.
    Basically a search box was floating over the parallax, 3.0 broke that and caused the search box to move to the top of the screen in all screen sizes and layouts.

    Just for information, there may be some debugging for the update.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author adamrob

    (@adamrob)

    How is the search box coded to be floating over the parallax section?
    What are the settings you used for the parallax?

    The way the parallax works will be changed in further updates soon. A new CSS effect will be implemented and the Java version will be updated.
    Because of this I would suggest to keep using the previous version until these new changes are distributed. Once this is done I would recommend migrating to either the new CSS or JS options.
    The way the parallax effect currently work will eventually be depreciated.

    Sorry for any disruption; as mentioned; if you can provide me with the above details I can just make sure there is nothing fundamentally wrong with the update.

    “How is the search box coded to be floating over the parallax section?”
    Just css in the theme child custom css, but the update seemed to override that.

    Site is currently in dev, few more days before launch.
    I’m happy to help debug by reproducing the issue and let you have a look, as I can easily roll it back again until it’s all compatible, once you have what you need.

    Is there a private way to contact you with URL etc? As I say it’s under dev and I don’t want it indexed yet.
    I’ll attach the code from the dev window, hope that helps show how it’s set up.

    Relevant css is

    section.advance-search.main-advance-search {
        position: relative;
        top: 40%;
    } 
    
    @media screen and (max-width: 479px)
    section.advance-search.main-advance-search {
        top: 25%;
    }
    
    @media screen and (max-width: 1199px) and (min-width: 992px)
    body.home.make-transparent section.advance-search.main-advance-search {
        top: 60%;
    }

    Parralax code

    <div id="parallax_container4926" class="parallax-window-container adamrob_parallax_container_fullwidth " style="height: 500px;"><section id="parallax_4926" class="adamrob_parallax adamrob_parallax_fullwidth adamrob_parallax_scrolling " style="height: 500px; background-image: url(&quot;https://bkk.properties/wp-content/uploads/2016/06/rent_it_bkk_bnr-1.jpg&quot;); background-size: cover; background-position: 50% -73.7179px;" speed="5"><div id="parallax_4926_content" class="adamrob_pcontainer" style="height:500px;"><table style="width:100%; height:100%; border-style:none; margin:0;"><tbody><tr><td class="parallax-header" style="text-align:center; vertical-align:top; padding:20px; border-style:none;"><div id="parallax_4926_posttitle" class="adamrob_parallax_posttitle" style=""></div></td></tr></tbody></table></div></section>
    <section class="advance-search main-advance-search" style="display: block;">
        <div class="container">
        <form class="advance-search-form" action="https://site.com/property-search/" method="get"> </form><!-- .advance-search-form -->
            </div>
        <!-- .container -->
    </section></div>
    
    <section id="parallax_4926" class="adamrob_parallax adamrob_parallax_fullwidth adamrob_parallax_scrolling " style="height: 500px; background-image: url(&quot;https://site.com/wp-content/uploads/2016/06/rent_it_111_bnr-1.jpg&quot;); background-size: cover; background-position: 50% -73.7179px;" speed="5"><div id="parallax_4926_content" class="adamrob_pcontainer" style="height:500px;"><table style="width:100%; height:100%; border-style:none; margin:0;"><tbody><tr><td class="parallax-header" style="text-align:center; vertical-align:top; padding:20px; border-style:none;"><div id="parallax_4926_posttitle" class="adamrob_parallax_posttitle" style=""></div></td></tr></tbody></table></div></section>
    Plugin Author adamrob

    (@adamrob)

    Yes it will be good to have a look.
    Use the contact form on my website; this will be a direct email to me.

    We’re not having a good day lol, tried numerous times, the contact form is giving an error.
    “There was an error trying to send your message. Please try again later.”

    **worked, sent!

    • This reply was modified 11 months, 3 weeks ago by steiner1010.
    Plugin Author adamrob

    (@adamrob)

    Can you try sending again; I was playing around with it and not received anything.

    Should be working now though (y)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Version 3.0 broke the css on my site’ is closed to new replies.