- This topic has 3 replies, 2 voices, and was last updated 6 years, 12 months ago by
.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Hash.
bongfeldtI 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?
HashHi,
The above CSS should work. Can you please drop your website url so that we can check?
bongfeldtHashHi,
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.
