The cookies is used to store the user consent for the cookies in the category "Non-necessary". This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". This cookie is used for load balancing and for identifying trusted web traffic. This cookie is set by the provider Cloudflare. It does not correspond to any user ID in the web application and does not store any personally identifiable information. The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. These cookies ensure basic functionalities and security features of the website, anonymously. Necessary cookies are absolutely essential for the website to function properly. In short, it doesn’t matter what height the actual fixed on top module is, as long as there is transparent space through which content below it can be seen: In the example header module we’ve been looking at so far, the desktop height is just left at the default of 900px high: Now all the text is visible: Module Height Doesn’t MatterĮven if the visible portion of a “Fixed on Top” module is not very high, it’s fine to leave the height of the module itself at a larger value. The solution to this is adding a Spacer block and setting it to a height sufficient to push the content down below the header module: You will notice, when the page is viewed, the top portion of the text is obscured: If you place a WordPress block directly after such a module, this means the top of that block will be obscured.įor example, on this page there is a paragraph of text placed directly below the header example module we used in the previous section: Now if this module is placed into any page it will stay pinned to the top: Tips for Fixed on Top Layouts Use a Spacer BlockĪ module that is fixed on top will be taken out of the regular flow of content, and will sit in front of whatever content is added directly after it. Scroll down to the Advanced Settings panel and toggle Fixed on Top to ON: To achieve this go to the Module General Options tab, Layout sub-section: We want this header bar to stay visible at all times. In the module below we have a header bar with some text on the left and some social icons on the right: Pinning a module to the top of a page and having it stay there, even when the page scrolls, requires just a single toggle flip in Slider Revolution.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |