Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1182143
    Transfac
    Participant

    I have used a plugin (Sticky Menu (or Anything!) on Scroll) to make the home form on my website, dev.transfac.com, sticky. Unfortunately, I was only able to make the desktop version sticky through the plugin (you can only use one element from what I can see). I have multiple forms to display on the homepage depending on the monitor. Currently, I am using CSS and JavaScript to make the tablet and phone versions of the form sticky, however, the format completely overlaps the content even before scrolling. I have attached a screenshot to show how it looks on my iPhone. My question is: do you know of a better way to go about this?

    #1182631
    Lely
    Moderator

    Hello There,

    Please replace the previous CSS suggestion on different thread:

    @media (max-width: 979px){
    .hentry:first-child {
        margin-top: 160px; 
    }
    }

    To this:

    @media (max-width: 979px){
    body.x-navbar-fixed-top-active .x-navbar-wrap {
        height: 165px !important;
    }
    }
    

    Hope this helps.

    #1183278
    Transfac
    Participant

    Thanks for your help! Question: is there a way to have the text “Better service. Faster financing” visible above the form, but not have the text be sticky as well?

    #1183299
    Rupok
    Member

    Hi there,

    Thanks for writing back. It seems on section 2 and not sure what you meant by “visible above the form, but not have the text be sticky as well? “ because it’s not sticky but visible already. Would you clarify what you are trying to achieve?

    Cheers!

    #1183356
    Transfac
    Participant

    I want the mobile/tablet versions to appear like the desktop version, with the slogan above the form.

    #1183466
    Rupok
    Member

    Hi there,

    It seems you have hide the section using the content hiding feature of Cornerstone. Let’s unhide this for mobile clicking back the mobile icon.

    Also you are using a plugin from scroll/sticky thing that’s making the entire site unresponsive because the plugin running some scripts continuously. If you check on Firefox, you will find the issue. I’d suggest you not to use such plugin since it will significantly reduce the performance of your site.

    Thanks!

    #1183607
    Transfac
    Participant

    Could you give me the code necessary to produce a similar result with the desktop form that the plugin produces?

    #1184182
    Rupok
    Member

    Hi there,

    I am not sure what the plugin is producing. But while we are okay with some cosmetic changes, this kinda customization is out of our support scope as it involves complex coding. As mentioned on our sidebar “Support covers getting setup, theme features, and bug fixes. Regretfully we cannot provide support for 3rd party plugins or scripts.”

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1182143 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>