Tagged: x
-
AuthorPosts
-
September 19, 2016 at 4:45 pm #1182143
TransfacParticipantI 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?
September 20, 2016 at 12:15 am #1182631
LelyModeratorHello 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.
September 20, 2016 at 10:35 am #1183278
TransfacParticipantThanks 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?
September 20, 2016 at 10:48 am #1183299
RupokMemberHi 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!
September 20, 2016 at 11:40 am #1183356
TransfacParticipantI want the mobile/tablet versions to appear like the desktop version, with the slogan above the form.
September 20, 2016 at 1:03 pm #1183466
RupokMemberHi 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!
September 20, 2016 at 2:34 pm #1183607
TransfacParticipantCould you give me the code necessary to produce a similar result with the desktop form that the plugin produces?
September 20, 2016 at 11:24 pm #1184182
RupokMemberHi 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!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1182143 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
