Archived topic
Hide header element with same class and no ID
3 replies · Started by Richard on March 24, 2022
I’m trying to restore some space for the Log out part of the header once it gets below 1179px. How would I do that? I did a display:none to the #phone but it seems to be still taking up space: https://watch.screencastify.com/v/U4gsF7K49PmTjmmiW0N8
It was suggested to target the class with $0 but I don't know how that would look from an Additional CSS standpoint: A quick tip to this question, you need to target the parent of the phone icon, so the wp column:
https://www.screencast.com/t/8jMrBz2Cmmj
You can use this CSS to hide it:
@media (max-width: 1175px) {
.header-widget aside#block-10 .wp-block-column:last-child{
display:none;
}
.header-widget aside#block-10 .wp-block-column:first-child {
flex-basis: 100% !important;
}
}
But I don't think it looks great either. What are you going to do with that menu toggle overlapping the header widget?
That's just temporary. It's a plugin and the developer is experimenting with it. It won't be there on the final site.
I see :)
