March 26, 2020 at 11:39 am
#76167
Theme Horse Support Team
Keymaster
Ok no problem,
To reduce the height please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.
@media (min-width: 576px) {
.top-stories-bar,
.top-stories-bar.top-stories-bar-with-thumbnail,
.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists,
.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .row,
.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .marquee,
.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .marquee a {
height: 50px;
}
.top-stories-bar .top-stories-label .top-stories-label-wrap {
padding-top: 0;
padding-bottom: 0;
}
.top-stories-bar .top-stories-label .label-txt {
height: auto;
}
}
@media (min-width: 576px) {
.top-stories-bar,
.top-stories-bar.top-stories-bar-with-thumbnail {
height: auto;
}
}
.top-stories-bar .top-stories-post-img {
height: 35px;
width: 35px;
}
Here 50px is the height of the Top Stories Bar and 35px is used for the height and width of the posts featured image. If you wish to reduce even more then you can change those values with your desired one. (height and width of featured image should be the same value).
And Sorry for now you cannot make the Top Stories Bar sticky as beneath sticky Navigation. For it you have to hire a developer to customize the code for you.
Thanks