Wednesday, March 22, 2023
HomeCSShtml - Hi, I desire my web page web content to drop...

html – Hi, I desire my web page web content to drop around the nav bar than being under or over the nav


 #mainlogo {
margin-top: 0;
margin-left: 5px;
float: left;
font-size: 1.5 em;
}

h3 #mainlogo {
font-family: 'Yeseva One', cursive;
font-weight: 500;
shade: # 1E4C5D;
}

. iconsnav {
size: 40px;
elevation: car;
}

ul li {
list-style: none;
}

. sidenav {
background-color: #A 5CAC9;

elevation: 100%;.
placement: repaired;.
top: 0;.
left: 0;.
z-index: 999;.
overflow-x: concealed;.
padding-top: 4px;.
size: 145px;.
text-align: facility;.
}

. sidenav {a font-family: 'Montserrat';.
shade: # 407285;.
text-decoration: none;.
font-size: 1.2 em;.
display screen: block;.
cushioning: 150px 8px 6px 16px;.
}

. sidenav a: float {
shift: 0.2 ms;.
font-size:1.5 em;.
shade: #CDDFE 0;.
}

. primary {
margin-left: 160px;/ * Like the size of the sidenav */.
font-size: 28px;/ * Enhanced message to allow scrolling */.
cushioning: 0px 10px;.
}

@media display as well as (max-height: 450px) {
. sidenav {padding-top: 15px;}
. sidenav {a font-size: 18px;}
}

. ico-hover {
display screen: none;.
}

. myDIV: float +. ico-hover {
display screen: block;.
shade: # 407285;.
font-size: 0.8 em;.
} 
<< div course=" sidenav">

<> < h3 id=" mainlogo"> > Health and wellness<< br>> Suggestions<< br>> Team<.

<< a href="">
<> < div course=" myDIV"><> < img src=" icons/user-icon. png" alt=" individual symbol" course=" iconsnav"><>  < div course=" ico-hover">> Account< .

<< a href="">
<> < div course=" myDIV"><> < img src=" icons/weather-icon. png" alt=" weather condition symbol" course=" iconsnav"><>  < div course=" ico-hover">> Weather condition< .

<< a href="">
<> < div course=" myDIV"><> < img src=" icons/articles-icon. png" alt=" guidance symbol" course=" iconsnav"><>  < div course=" ico-hover">> Suggestions< .

<< a href="">
<> < div course=" myDIV"><> < img src=" icons/logout-icon. png" alt=" logout symbol" course=" iconsnav"><>  < div course=" ico-hover">> log out<.
<.
<
RELATED ARTICLES

Most Popular

Recent Comments