Home Forums HashOne Remove Widget on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1714
    bongfeldt
    Participant

    I have replaced the progress bar with a widget that contains SiteOrigin Layout Builder with a image. I want to hide this image or the entire widget on smaller screens. Therefore I looked at the stylesheet, found this code:

    @media screen and (max-width: 768px){

    .hs-progress-bar-sec{
    display: none !important;
    width: auto;
    float: none;
    }
    }

    I added the “display: none !important;” however the widget is not removed. I tried inspecting the site to check class name, this is what i found: #hs-about-us-section > div > div.hs-progress-bar-sec. Why does this not work?

    #1737
    Hash
    Keymaster

    Hi,

    The above CSS should work. Can you please drop your website url so that we can check?

    #1747
    bongfeldt
    Participant
    #1748
    Hash
    Keymaster

    Hi,

    Use the below CSS

    @media screen and (max-width: 768px){
    #hs-about-us-section{
    display: none !important;
    }
    }

    And please don’t remove the footer credit link.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.