Joomla Templates Club 406,261 posts

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#201225

There’s a pesky, puzzling down arrow icon at the top of the dropdown field; for the life of me I can’t find the source in either megamenu.css or template.css. It must be an image but where? And how is it being called? I would like to move it up but better yet delete it. It’s just cluttering things up and not really necessary.
Anyone know?
-Jim G.

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#549115

Neither Chrome nor Firefox can detect the origins of the icon/image, so I am begging for help from Joomlart staff.

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#549204

I finally found it in the megamenu.css file. In this case I simply moved the arrow up using the “bottom” parameter. I suppose you could also delete the div entirely if you don’t want to show this at all. Or maybe just delete the “content” line.

This is the custom.css code:

.t3-megamenu .navbar-nav .dropdown.open a.dropdown-toggle:after, .t3-megamenu .navbar-nav .dropdown:hover a.dropdown-toggle:after, .t3-megamenu

.navbar-nav .dropdown:focus a.dropdown-toggle:after, .t3-megamenu .navbar-nav .dropdown:active a.dropdown-toggle:after {
bottom: -19px;
}
Here is the complete original code:

.t3-megamenu .navbar-nav .dropdown.open a.dropdown-toggle:after, .t3-megamenu .navbar-nav .dropdown:hover a.dropdown-toggle:after, .t3-megamenu

.navbar-nav .dropdown:focus a.dropdown-toggle:after, .t3-megamenu .navbar-nav .dropdown:active a.dropdown-toggle:after {
width: 10px;
height: 5px;
display: block;
position: absolute;
left: 50%;
margin-left: -5px;
content: “”;
bottom: -19px;
border-left: 6px solid transparent;
border-width: 6px;
border-style: solid;
border-color: #FFF transparent transparent;
z-index: 10;
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#549255

Hi,

Please open file root_folder/templates/ja_biz/css/themes/blue/custom.css and add this code at the end of file :

@media (min-width: 768px) {
.t3-megamenu .navbar-nav .dropdown.open a.dropdown-toggle:after,
.t3-megamenu .navbar-nav .dropdown:hover a.dropdown-toggle:after,
.t3-megamenu .navbar-nav .dropdown:focus a.dropdown-toggle:after,
.t3-megamenu .navbar-nav .dropdown:active a.dropdown-toggle:after {
display: none;
}
}

Save your file and recheck.

[Author]

Posts