Joomla Templates Club 406,261 posts

[Mikhail Friend MikhailJoin date: February 2016Posts: 36Downloads:128Uploads:22 Thanks: 9 Thanked: 2 times in 1 posts]

#1035890

The caret near dropdown menu item is abnormal. How to fix it?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1035901

Hi
Can you provide the screenshot of the problem with caret style?
It will help me to understand the issue.
Regards

[Mikhail Friend MikhailJoin date: February 2016Posts: 36Downloads:128Uploads:22 Thanks: 9 Thanked: 2 times in 1 posts]

#1035903

http://prntscr.com/fan0hr
http://prntscr.com/fan1jh

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1035905

Hi
I am getting this view from your site http://prntscr.com/fan23h
Can u illustrate what you want to change in caret?

[Mikhail Friend MikhailJoin date: February 2016Posts: 36Downloads:128Uploads:22 Thanks: 9 Thanked: 2 times in 1 posts]

#1035907

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036127

Hi
The style for the caret is same http://prntscr.com/faz3ja
Can u share what u want to modify in it?
Here is demo site using the same style http://ja-charity.demo.joomlart.com/index.php/ar/

Regards

[Mikhail Friend MikhailJoin date: February 2016Posts: 36Downloads:128Uploads:22 Thanks: 9 Thanked: 2 times in 1 posts]

#1036151

I mean that in demo site the caret is in middle of the word. But in my site the caret is in top and color is blue.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036153

Hi
On your site, the colour is different because of the theme colour of your site.
add below code in custom.css file

.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #1e6698;
    border-bottom-color: #1e6698;
}

change the color codes with your color code.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. Mikhail

[Mikhail Friend MikhailJoin date: February 2016Posts: 36Downloads:128Uploads:22 Thanks: 9 Thanked: 2 times in 1 posts]

#1036162

Thanks, but how to make the caret to change color on hover with menu item?
I added following code in custom.css, but the color of caret changed separately of menu item:

.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret:hover,
.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret:focus {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036194

Hi
Use this code in custom.css file

.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open >  .separator:hover .caret, .navbar-default .navbar-nav > .open >  .separator:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. Mikhail

[Mikhail Friend MikhailJoin date: February 2016Posts: 36Downloads:128Uploads:22 Thanks: 9 Thanked: 2 times in 1 posts]

#1036214

Thanks. It’s work, but not in same time. I mean the caret and menu item not synchronized on hover.
And if one of dropdown’s menu items is active, the parent menu item don’t change color. I mean that in demo page for example:
http://ja-charity.demo.joomlart.com/index.php/ar/joomla-pages-ar-aa/advanced-search-ar-aa
the parent menu item is white.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036218

Hi
I checked the caret is white on hover now.
Can u check it again?
For drop-down colours kindly open a new thread for a different question.

Regards

[Mikhail Friend MikhailJoin date: February 2016Posts: 36Downloads:128Uploads:22 Thanks: 9 Thanked: 2 times in 1 posts]

#1036260

Yes. It’s white now on hover, but caret is not synchronized with the word.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036275

Hi
Use this code

.navbar-default .navbar-nav > .open > .separator,
.navbar-default .navbar-nav > .open > .separator:hover,
.navbar-default .navbar-nav > .open > .separator:focus {
     color: #ffffff;

}

Actually, the text separator does not have the same style. now it use the hover for caret and text colour with above code.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. Mikhail

[Author]

Posts