Hi, what’s the most efficient way to change the colour of the nav.
At the moment it’s black on black!
Cheers
Hi, what’s the most efficient way to change the colour of the nav.
At the moment it’s black on black!
Cheers
Hey @Stubbsy
The easy way is to use the sub classes in the class manager.
Click the plus button in the class manager and select the following…
In the above example (The background of the mobile menu), it will add a class called. blocsapp-special-menu blocsnav
You can then edit the class
Hi @PeteSharp,
tried that mate and made the background grey, which worked
Then I made the text white, which didn’t
Any ideas what I’m doing wrong?
Cheers
Hey @Stubbsy,
The text is a link, so you need another class for it. Found in the same place its called “Special Navigation Links”
The class it will add looks like this
.blocsapp-special-menu blocsnav li a
I think this is a prime example of why we need those plain English help descriptions for sub classes in particular that often have strange titles.
an other question about this:
The subclass “Special Navigation Links” let’s you edit the states “normal” and “hover” of the links. But as it appears, not of the “active” state (to change the look of the link from the active page)…
I also found out, to set the “Active Link Class” in the Project Settings and style this class.
The strange thing is… I can f.e. activate the underline-option or the font-weight and even the background-color… but a different color for the font is not being applied. Is there a solution for this?? @Norm @Eldar @PeteSharp @Flashman
That’s because you have to set a separate class for the active navigation in the project settings.
Sorry, I did not read that properly That’s exactly it. Works for me. Changes the active menu on the normal menu as well as on the mobile menu.
allright. Thanks a lot
Now I know, it‘s probably a selfmade problem… maybe an other class is causing this. I guess I have to play detective
still struggling with it…
are your links in the menu styled by one of the classes “blocsapp-special-menu blocsnav li a” or “navbar-nav li a”?? and the active link class is still working?
I just tried it on a whole new project, but always getting the same result:
If I only use the active link class (let’s call it “active” and it’s set as class for the active navigation in the project settings)… then the text color ist applied to the active link, in the special mobile navigation, but not in the normal navigation. (but that’s fine for me, I’m only using the mobile nav)
As soon, as I use one of the classes “blocsapp-special-menu blocsnav li a” or “navbar-nav li a” to style the “normal” and “hover” state of the links… the active color link is not displaying even on the special mobile navigation.
I really don’t know, if I’m just to stupid for this
Nope. I have that problem also! Nice to know it’s not just me being stupid!
I’m hoping navigation will become a lot easier with the new Easy Burger bric from @PeteSharp.
Jumping ship from that other Brady which is Muse, navigation in Blocs has always been a problem for me. If I manage to get a menu that works well, I can never remember what I’ve done to get there to replicate it.
There’s another thread about classes, and I’ve mentioned on there that it would be good to have a list of the ‘hidden’ ones for menu bits pinpointing exactly what they target. There seem to be so many that overlap.
I know your pain. I don’t find it obvious or easy to style the navigation. Especially if you want to have different colours / backgrounds on desktop and mobile. This is driving me mad I had to inspect the code and try different classes to get it finally working the way I wanted. But setting a style for the navigation links in the project settings and then try to apply another class to overwrite that look at another breakpoint… no success.
But it looks like I’m not alone, finding the navigation to set up in Blocs quite cumbersome. Or maybe it’s just a bootstrap thing… I don’t know.
From what I’ve read, I’m inclined to think it’s a bootstrap rather than Blocs thing, and Norm is having to work within those constraints.
That sounds very familiar to me.
very much my problem too
As far as I know that’s true… but I’m asking myself, if only in Blocs it’s almost impossible to realize an active state for the link… because if everyone who uses bootstrap got the same issue… I guess there would have been a change to it, long time ago.
Yep, there must be some fail-safe formula out there that we’re missing!