Joomla Templates Club 406,261 posts

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1054116

Hi I have added menu item as text separator and now the style changed. Please help to fix this issue. URL:gagefx.com

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

#1054119

Hi
Add this code in custom.css file to add the same style

.navbar-default .navbar-nav > li > .separator:hover:before, .navbar-default .navbar-nav > li > .separator:focus:before {

    border-top: 2px solid #ffffff;
    content: "";
    position: absolute;
    left: 0;
    top: -7px;
    width: 100%;
}

.nav > li > .separator {border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    padding: 21px 0;
    outline: none;
    text-transform: uppercase;}

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1054120

I have added this code, but still something is missing the dropdown icon at end of the text

---

Attachments:

1. 

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

#1054125

Hi
Use this code

.navbar-default .navbar-nav > .open > .separator .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;
}

.navbar-default .navbar-nav .separator .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1054131

Hi Pankaj,

I have added this code, still some issue is there. It is not looking as same like bonus pages menu item.

There is a space between end of the text and dropdown icon. Could you pls help me?

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

#1054324

Hi
Use this code

.navbar-default .navbar-nav .separator .caret {
    margin-left: 5px;
}

save and check, it would be same now.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1054488

Now it is looking fine, but when I open in mobile device, I am unable browse any of the sub menu items.

Pls suggest how to fix this? Please see the screenshot for your reference.

And also the text in the mobile site left side is not looking good as no padding…

---

Attachments:

1. 

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

#1054496

Hi
Can you open a new thread for this topic. As the question is not related to topic subject.
It also helps out community.

Regards

[Author]

Posts