1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Button in sticky header is sticky, but sticky styles not applying

Discussion in 'Free Divi Community Forum' started by Jakub G, Jan 31, 2024.

  1. Jakub G

    Jakub G New Member

    Hello,
    I have a sticky header. I have custom styles on its modules when its sticky. Everything is working fine (The logo is changing size when you scroll, and the menu font size is changing when you scroll), but the Button font size, color etc. is not changing at all when you scroll. When I inspected the button there is no .et_pb_sticky class added when scrolling. I did everything the same as with the logo and menu text, but the button is simply ignoring my custom styles for sticky.

    URL where it is happening: https://www.kg-test1.eu/

    Could you please help me what is wrong? I think its a bug.

    Thank you very much.
    Have a nice day.
    Jakub

    edit: In the builder, everything seems to be working fine, the font size of the button changes when you scroll, but on the live website, it is not working.
    img: https://ibb.co/MR6dn4f
     
    #1 Jakub G, Jan 31, 2024
    Last edited: Jan 31, 2024
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I see that the CSS is added to your site: .et_pb_sticky body #page-container .et_pb_section .et_pb_button_0_tb_header{font-size:18px!important}

    But it's wrongly output the CSS Class. That's why it's not working.

    For a quick fix, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    You may also report the bug to official Divi support at: https://www.elegantthemes.com/members-area/help
     
    #2 Divi.Help, Jan 31, 2024
    Jakub G likes this.
  3. Jakub G

    Jakub G New Member

    Hello sir,

    I was trying exactly the same workaround, but I forgot to put !important there (my bad).

    Your fix is working exactly as expected.

    Thank you very much! I will report the bug on the official site.

    Have a wonderful day.
     
    #3 Jakub G, Jan 31, 2024
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
(You must log in or sign up to post here.)