struggling to make drop down menu on cargo 3
hi! i really wanna add a drop down menu on my portfolio website but i cannot code in html or css whatsoever.
i've tried looking at tutorials but this is a simple change and i don't wanna do the top bar from scratch.
i just want a drop down menu with 5 options when you hover over the word "Portfólio". how would i add that to this code?
Below is the HTML:
<column-set gutter="2" mobile-hide-empty="false" mobile-stack="true"><column-unit slot="0"><a class="no-wrap" href="início" rel="history" style="color: rgb(255, 237, 186);"><h2 style="color: rgb(255, 237, 186);"><b>Portfólio</b></h2></a></column-unit><column-unit slot="1"><div style="text-align: right"><h2 style="color: rgb(255, 237, 186);"><b><a class="" href="sobre" rel="history">Sobre</a> <a href="contact-form" rel="history"></a><a href="contact-form" rel="history">Contacta-me!</a></b> <b><a class="" href="redes-sociais" rel="history">Redes Sociais</a></b></h2></div></column-unit></column-set>
And the CSS:
[id="Q3814680936"] .page-content {
padding-top: 2rem;
padding-bottom: 2rem;
background-color: #ffaa00;
}
[id="Q3814680936"] .page-layout {
}
[id="Q3814680936"].page {
background-color: #ffaa00;
}
if someone could help me, i would really really appreciate it!
i've tried looking at tutorials but this is a simple change and i don't wanna do the top bar from scratch.
i just want a drop down menu with 5 options when you hover over the word "Portfólio". how would i add that to this code?
Below is the HTML:
<column-set gutter="2" mobile-hide-empty="false" mobile-stack="true"><column-unit slot="0"><a class="no-wrap" href="início" rel="history" style="color: rgb(255, 237, 186);"><h2 style="color: rgb(255, 237, 186);"><b>Portfólio</b></h2></a></column-unit><column-unit slot="1"><div style="text-align: right"><h2 style="color: rgb(255, 237, 186);"><b><a class="" href="sobre" rel="history">Sobre</a> <a href="contact-form" rel="history"></a><a href="contact-form" rel="history">Contacta-me!</a></b> <b><a class="" href="redes-sociais" rel="history">Redes Sociais</a></b></h2></div></column-unit></column-set>
And the CSS:
[id="Q3814680936"] .page-content {
padding-top: 2rem;
padding-bottom: 2rem;
background-color: #ffaa00;
}
[id="Q3814680936"] .page-layout {
}
[id="Q3814680936"].page {
background-color: #ffaa00;
}
if someone could help me, i would really really appreciate it!
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
