-
Hello,
I have 3 issues.
1) could anyone please guide me where to find the cofiguration to achieve the topbar as it is in the Uber Medicare demo?
I’ve installed the quickstart, but there only seems to be the right part with the social icons there.
When I try to add a Module: ACM module > Bar style-1 -> Blue colour and add the social media
I get a blue bar, but the icons are only visible if I hover over them.I’d love to know how to get it to look like this TOPBAR (1)
2) I’d also like to know how to configure the LOGIN (2) button to look like in the demo, as I couldn’t find any documentation regarding this.
3) There also seems to be a bug (probably) in the code, because the Google Plus in the backend shows the Twitter icon in the frontend…they seem to be switched? It’s not that much of a problem for me after I’ve figured it out, but still…
I have Joomla version 3.4.1 and Uber ver. 2.1.1
I have not yet messed with any css styles, so it should be as clean as it gets with no custom problems…
You can follow my guide about Login button and Utility bar below
+ Login button
Create Top menu from Menus backend site with Login item
Go to Module Manager -> Create Top Menu and config it as screenshot
+ Utility bar
You can look at the config that module.
Ninja Lead, thank you! I didn’t think the “login” is a separate menu! It really helps a lot!
The utility bar is still the same though 🙁 I have exactly the same configuration like yours, but it looks like in my previous screen.
I realised I have the position1 and position 2 switched in the backend, but I worked around it.
What do I need to publish in the postion 1 to make it show the icons in light blue color, like in the demo?
I managed to publish a Custom HTML module in position topbar-3 with the following code:
<div class="bar-left pull-left">
<ul class="nav nav-pills nav-stacked ">
<li><a href="/index.php/terms-of-use">Terms Of Use</a></li><li><a href="/index.php/support-policy-1">Support Policy</a></li><li><a href="/index.php/privacy-policy-2">Privacy Policy</a></li></ul>
</div>I deleted the li class items from the demo code and changed the links to the ones I wanted (Test).
Now it looks like this (a lot better), but the social icons won’t show in the same color as the links! I need to mouse hover over them to make them show (like in the screen in my first post).
You can try to create utility bar with Type: Bar and style: style-1 and Advance script
{":type":"uber:bar","bar":{"jatools-layout-bar":"style-1","bar[block-extra-class]":[""],"bar[bar-background]":["blue-color"],"bar[bar-left-position]":["topbar-2"],"bar[bar-right-position]":[""],"bar[full-width]":["0"],"bar":["1"],"bar":["0"],"bar[facebook]":["joomlart"],"bar[google-plus]":["joomlart"],"bar":["joomlart"],"bar[pinterest]":[""],"bar[linkedin]":["joom-solutions"]}}
My site is on localhost yet and I can’t publish it now.
Here’s a screenshot of what I want to achieve. I’m using basic configuration settings, so if it’s possible on another site it should work on my installation, too.
When I add another positon to the “Top” Menu, it displays BELOW the first item “Login”. I want to place it side to side.This topic contains 17 replies, has 2 voices, and was last updated by
wbroda 9 years, 5 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
