mega menu kiyala plugin eka tiyenawa. eken hadapan.මේ sub menu items වල color එක change කරන්නෙ කොහොමද? mobile එකේ විතරයි change වෙන්න ඕනෙ. site-wordpress. පුලුවන් කෙනෙක් ඉන්නව නම් කියන්න site එකේ link එක දෙන්නම් element class ටික බලාගන්න.
Media queries walin barida?
Inspect element gihin mobile view ekata yanna. Itapasse oya menu item color apply wena css rule eka copy karala,
oyata one changes ekka custom css section ekata paste karanna
@media (max-width: 768px) {
.hfe-submenu-container
{
background-color: #ff0000;
}
}
Item wala text color eka da?@media (max-width: 768px) { .hfe-submenu-container { background-color: #ff0000; } }
hari element eka hoyaganna ba bn.
text color eka change wenwa meka gahuwama. but background eka change wenne na "background-color: #ff0000;" gahuwata. mata one background color eka change karanna.Item wala text color eka da?
if so, anchor tag ekata css rules balanna.
max-width 768px hari. A media query eke liyanma oyata one color eka.
den inne eliye. Theme eke nama kiwwoth gedara gihin balanna puluwan
@media (max-width: 768px) {
.hfe-sub-menu-item
{
color: #ff0000;
}
}
අගට !important; දාගන්න.text color eka change wenwa meka gahuwama. but background eka change wenne na "background-color: #ff0000;" gahuwata. mata one background color eka change karanna.
CSS:@media (max-width: 768px) { .hfe-sub-menu-item { color: #ff0000; } }
astra theme. elementor header and footer builder plugin.
anchor ekata liyala hariyanne netiwei li item ekata liyala balanna. Oya border eka tiyena element eka hoyaganna. Wena rule ekakin override wenawa nam !important try karala balanna. Not recommend btwtext color eka change wenwa meka gahuwama. but background eka change wenne na "background-color: #ff0000;" gahuwata. mata one background color eka change karanna.
CSS:@media (max-width: 768px) { .hfe-sub-menu-item { color: #ff0000; } }
astra theme. elementor header and footer builder plugin.
අගට !important; දාගන්න.
hariynne na.anchor ekata liyala hariyanne netiwei li item ekata liyala balanna. Oya border eka tiyena element eka hoyaganna. Wena rule ekakin override wenawa nam !important try karala balanna. Not recommend btw
pm ekak danna link eka balannahariynne na.
damma.
@Lakshan-Seram oyatath dmma.
.elementor-2446 .elementor-element.elementor-element-d5ccfab nav.hfe-dropdown .menu-item a.hfe-sub-menu-item
CSS:.elementor-2446 .elementor-element.elementor-element-d5ccfab nav.hfe-dropdown .menu-item a.hfe-sub-menu-item
meka thama selector eka. but oya balanna elementor wala settings athi oke colors change karanna.
.elementor-2446 .elementor-element.elementor-element-d5ccfab nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {
background: #fff !important;
}
important eka ayin karaganna puluwan weyi. kiwwa wage code eka dekata kadagaththanmCSS:.elementor-2446 .elementor-element.elementor-element-d5ccfab nav.hfe-dropdown .menu-item a.hfe-sub-menu-item { background: #fff !important; }
noice. gammac thamai.
<nav>
<ul class="main-menu">
<li><a href="#">Home</a></li>
<li>
<a href="#">Products</a>
<ul class="sub-menu">
<li><a href="#">Product 1</a></li>
<li><a href="#">Product 2</a></li>
<li><a href="#">Product 3</a></li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
/* Styles for the main menu items */
.main-menu li a {
display: block;
color: #000; /* Change this to the desired color for the main menu items */
text-decoration: none;
padding: 10px;
}
/* Styles for the sub-menu items, initially hidden */
.sub-menu {
display: none;
}
/* Show the sub-menu on hover */
.main-menu li:hover .sub-menu {
display: block;
}
/* Styles for the sub-menu links */
.sub-menu li a {
color: #ff0000; /* Change this to the desired color for the sub-menu items */
}
important eka thibbath aulk na neh.important eka ayin karaganna puluwan weyi. kiwwa wage code eka dekata kadagaththanm
aulak neh. good practice ekak neme kiyala kiyanawa. aye upgrade changes waladi wada dena nisaa wenna oni.important eka thibbath aulk na neh.