Public Forums 71,145 posts

[markkusr2d2 Friend markkusr2d2Join date: December 2012Posts: 11Downloads:0Uploads:0 Thanks: 2]

#195607

Hello,
i can’t find the way to get new Mainmenu titles in the standard way. I setup three new mainmenu titles and they show up in grey and lowercase (respectively no text transformation). I looked at the demo menu titles but can’t found any menu suffixes or other entries to achieve that. Just to make me clear, i now where to find it in the css styles (.navbar-default .navbar-nav > li > a), but how can i achieve this “standard” style in the backend?
Thanks Markus

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#525980

can you please post your site url. for us to check the actual menu on your site and suggest.

[markkusr2d2 Friend markkusr2d2Join date: December 2012Posts: 11Downloads:0Uploads:0 Thanks: 2]

#526093

<em>@Chavan 415456 wrote:</em><blockquote>can you please post your site url. for us to check the actual menu on your site and suggest.</blockquote>
Hi, the url is http://www.w7-solution.com/
i have arranged a backend account if you need that – do you have an email for that?
Thanks Markus

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#526201

you have added the Menu as separator and so you are not getting the style as demo version. so do amend this change

Add this code to custom.css , /templates/purity_iii/css/custom.css


.nav > li > .separator{
text-transform:uppercase;
color:#BBE6FF;
}
@media screen and (min-width: 991px) {
.nav > li > .separator:hover{
-webkit-box-shadow: inset 0 -2px 0 #ffffff;
box-shadow: inset 0 -2px 0 #ffffff;
color:#FFFFFF;
}
}


1 user says Thank You to chavan for this useful post

1. markkusr2d2

[markkusr2d2 Friend markkusr2d2Join date: December 2012Posts: 11Downloads:0Uploads:0 Thanks: 2]

#526484

Hello, thanks, that works, but can you tell me how i get that with the phone resolution too?
I tried to set the same with a different media screen but i doesn’t work.
Thanks
Markus

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#526532

Add this code to custom.css

@media screen and (max-width: 980px) {

.nav > li > span {
border-top: 1px solid #0067A2
color: #BBE6FF ! important;
display: block;
line-height: 20px;
padding: 20px;
position: relative;
text-transform: uppercase ! important;
}

.nav > li > span:hover {
box-shadow: 0px -2px 0px #FFFFFF inset;
-webkit-box-shadow: inset 0 -2px 0 #ffffff
color: #FFFFFF ! important;
}

}

But what I suggest is you need to update the Menu type from separator to external link and hash out the link

1 user says Thank You to chavan for this useful post

1. davefi

[Author]

Posts