1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: https://header.diviultimate.com/

Solved Hide button on mobile only for Divi slider

Discussion in 'Get Help On Divi Wordpress' started by Stephen Guy, Jul 11, 2019.

  1. Stephen Guy

    Stephen Guy New Member
    Divi Ultimate Header Plugin

    We have this very simple site and have already set the secondary text below the slider to hide on mobile. The remaining issue is hiding the "Learn more" button from the slider on mobile. I'm kind of a CSS hacker so I've inspected the CSS and tried to hide the button but to no avail. Any help would be appreciated.

    Here is the last version of my effort that did not work:


    element.style {
    }

    @media only screen and (max-width: 767px)

    et_pb_button et_pb_custom_button_icon et_pb_more_button

    .et_pb_button {

    display: none!important;
    }
     
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this:
    Code:
    @media screen and (max-width: 980px) {
        .et_pb_slider .et_pb_more_button.et_pb_button {
            display: none!important;
        }
    }
     
  3. Stephen Guy

    Stephen Guy New Member
    Divi Ultimate Header Plugin


    Wow, thank you so much! My target was wrong amongst other things. Thank you!
     

Recommended Divi Hosting