Fixed Elements over Divi Slider

Another excellent product by Josh Hall

Have you ever wanted text, a call-to-action button, or perhaps a logo that stays put over your Divi Slider? Then my Fixed Elements over Divi Slider layout might just be for you! This is ideal for a strong title, call-to-action or company logo that you want to have stay fixed over your rotating Divi slider images.

This is a 2 in 1 layout kit that comes with 2 Divi Library Layouts!

  1. Text and Button over Divi Slider
  2. Logo over Divi Slider

And the cool thing is, with this layout you can put ANYTHING in the fixed section and it’ll remain there while your Divi sliders…well…slide on by 🙂 More good news? – This is not a plugin and since it’s CSS based, it’s compatible with every version of Divi and will be moving forward without needing to update. If you’re advanced at CSS, feel free to go wild and make any CSS changes or additions you’d like!

What’s included:

  • The Divi Library import json file (Containing BOTH layouts)
  • CSS File

A few things to note:

  • A basic knowledge of CSS is recommended but not required
  • You will use CSS to change the responsive heights and margins of the layout
  • You may also want to use CSS to change the font size and settings for mobile
  • The width of the overlapping elements extends 100% of the screen so I recommend keeping the arrows turned off. But the slider count on the bottom of the slider is fine to turn on.

For any questions or feedback, contact me and I’ll get back to you! Oh and I’d love to see how you implemented this into your site(s) 🙂

Licensing

You may install this product on any number of websites that you build for yourself or your clients or as the license so determines, i.e, if it is single use, then that applies. You may not install any of these products as part of a hosting offering. Any abuse of these license terms will result in the termination of your account and the licenses that are attached – no refund will be offered or awarded in such cases.  You will receive 6 months support – premium support charges may be incurred after this period. Updates are for the life of the product.

We understand that there can be issues whilst utilizing out of date browsers. Please ensure you use up to date browsers when using our vendors products. For DIVI Theme – Third Party Plugins may not perform as desired in the Divi Visual Builder. This is an issue that we cannot fix due to the restrictions put upon us by Elegant Themes lack of Divi Developer Documentation.

Please be aware that you will need an amount of experience in Divi Theme/  or ELEMENTOR/WordPress to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible – please ensure that the product you are buying will do the job you want it too.

All support for products is handled by Vendors and contact details will be included in the download packages. If contact details are not found within the files, please do contact us and we will be happy to put you in touch with the vendor concerned. BEFORE YOU ASK US FOR DIRECT SUPPORT – READ THIS! 

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

Licensing

You may install this product on any number of websites that you build for yourself or your clients or as the license so determines, i.e, if it is single use, then that applies. You may not install any of these products as part of a hosting offering. Any abuse of these license terms will result in the termination of your account and the licenses that are attached – no refund will be offered or awarded in such cases.  You will receive 6 months support – premium support charges may be incurred after this period. Updates are for the life of the product.

We understand that there can be issues whilst utilizing out of date browsers. Please ensure you use up to date browsers when using our vendors products. For DIVI Theme – Third Party Plugins may not perform as desired in the Divi Visual Builder. This is an issue that we cannot fix due to the restrictions put upon us by Elegant Themes lack of Divi Developer Documentation.

Please be aware that you will need an amount of experience in Divi Theme/  or ELEMENTOR/WordPress to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible – please ensure that the product you are buying will do the job you want it too.

All support for products is handled by Vendors and contact details will be included in the download packages. If contact details are not found within the files, please do contact us and we will be happy to put you in touch with the vendor concerned. BEFORE YOU ASK US FOR DIRECT SUPPORT – READ THIS! 

Have you ever wanted text, a call-to-action button, or perhaps a logo that stays put over your Divi Slider? Then my Fixed Elements over Divi Slider layout might just be for you! This is ideal for a strong title, call-to-action or company logo that you want to have stay fixed over your rotating Divi slider images.

This is a 2 in 1 layout kit that comes with 2 Divi Library Layouts!

  1. Text and Button over Divi Slider
  2. Logo over Divi Slider

And the cool thing is, with this layout you can put ANYTHING in the fixed section and it’ll remain there while your Divi sliders…well…slide on by 🙂 More good news? – This is not a plugin and since it’s CSS based, it’s compatible with every version of Divi and will be moving forward without needing to update. If you’re advanced at CSS, feel free to go wild and make any CSS changes or additions you’d like!

What’s included:

  • The Divi Library import json file (Containing BOTH layouts)
  • CSS File

A few things to note:

  • A basic knowledge of CSS is recommended but not required
  • You will use CSS to change the responsive heights and margins of the layout
  • You may also want to use CSS to change the font size and settings for mobile
  • The width of the overlapping elements extends 100% of the screen so I recommend keeping the arrows turned off. But the slider count on the bottom of the slider is fine to turn on.

For any questions or feedback, contact me and I’ll get back to you! Oh and I’d love to see how you implemented this into your site(s) 🙂

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

4 Comments

  1. Stephen Russell

    I’ve installed this to use on my site and the text and button just appear below the header image. I updated to the latest version of WordPress to see if this helped but it has made no difference. Any ideas what the problem may be?

    • Josh Hall

      Hey Stephen, have you put the provided CSS in your stylesheet or Divi custom CSS section? Be sure to check out the full installation/walk-thru tutorial here! https://vimeo.com/231909128

  2. Vee

    Hi,

    Do the elements always have to be in the center of the slider?

    • Josh Hall

      Hi Vee! Nope, you can also left or right align the elements! I’m actually working on a project right now where the text and call to action button are left aligned. It doesn’t make any difference to the code/sizing that’s already in place 🙂 Great question – I make show some examples to help clarify that!

Submit a Comment

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

External links on this website may be affiliate links that could result in us receiving compensation (payment) when you purchase a product or service from that link. For example, we may receive pay per click revenue or commission on sales of products. This helps us to pay the bills and deliver great content for you to enjoy when you are browsing these web pages. You do not pay any extra fees for these items. Please be aware that you will need an amount of experience in WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. We do not offer refunds under any circumstances. If you feel that there is an issue with a product please get in touch with the developer of the product through their contact details which can be found within the plugins Dashboard, themes and documents we sell on their behalf. Rudeness to our developers or support staff will not be tolerated and support may be refused. By purchasing a product from The Elegant Marketplace you are agreeing to these terms. We do not offer custom support queries, although suggestions will be accepted and acted upon if possible. We do hold data that allows us to connect with you for product updates when you purchase a product. This is not an email marketing list. Should you wish to sign up to our marketing list, please visit our homepage where you will see an optin - we send out around two emails a week to keep you informed of product updates, WordPress News and Developer advice. You may opt out of our marketing communications at anytime by using the unsubscribe facility found at the bottom of each email. (Amended. February 6th 2018)

Get the latest news!

Join our mailing list to receive the latest news and updates from our team.

Thanks, we appreciate your support

Pin It on Pinterest