The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
hi @GangsterGeek89 thanks for the reply. I understand about using breakpoints in that way, however, what I am hoping to accomplish is to use pb-1 but then when I hit the lg breakpoint, I dont want to use a "pb-" class to set the padding, at that point, I'd like to just remove the padding set by pb-1 and let another class on the same element set the padding.
<div class="pb-1 navbar"></div>
in this example, I'd on small screens i'd want the padding from pb-1 but on large screens, I'd like to use the padding provided by the "navbar" class
nav > ul > li:hover ul {
visibility: visible;
transition-delay: 0s;
}
Hi @bener07 not sure where you have had this code from so cant exactly tell you what its doing to your html but here is a basic answer
nav > ul > li:hover ul {
visibility: visible;
transition-delay: 0s;
}
So this style would be applied to html with this structure
<nav>
<ul>
<!-- The li element that has hover -->
<li>
<!-- The ul element shown on li element hover -->
<ul>
<li></li>
</ul>
</li>
</ul>
</nav>
so basically its looking for a html nav element then looking for a ul element inside it and then in side the ul its looking for an li element that has hover and contains another ul and if this element ul is hidden it shown
quick code pen Example ive done here for you