Editing Header Top Bar

tommychi

Hello, im loving the theme so far!
However, im just curious how i can edit the header top bar. Right now i only get the option to add a menu (alternative short top menu) to it but I want to add my own text on the left side and also want to add social icons on the right side as well. For example: http://blame.apollo13.kinsta.com/home/home-page-v4/?a13_demo_set=dark

Any insight on how to do this would be appreciated. Thank you.

Air

Hello:-)

All settings for top bar you can find in Layout->Header top bar settings :-)
http://apollo13.eu/docs/fame/#!/header_top_bar

Social icons you add In here http://apollo13.eu/docs/fame/#!/socials_menu and enable in top bar settings.

PS. If you are happy with this theme please don't forget to rate us on ThemeForest - it helps us a lot! Thanks! How to rate?

With regards.

tommychi

hello, thank you for the quick response. unfortunately, it still isn't working for me i can add links but the social icons are still not showing up. also, how can i position some of the links to the left side not the right side (i want to have both links in the right and left side). is there any way i can just edit the top bar using css and html?

Air

Questions:
1. What does it mean it is not working for you?
2. IS there any error, or changes you made just doesn't show up?
3. Do you have any cache plugins?
4. Do you see any notice in admin panel?

tommychi said: how can i position some of the links to the left side not the right side

You mean socials links? Cause when you write "link" then I think about custom texts/links that you can put on left of top bar.

tommychi said: is there any way i can just edit the top bar using css and html?

If you are familiar with CSS and firebug(or alike) then you can do everything :-)

So lets solve firstly your main problem and then we will focus on layout changes :-)

tommychi

1. What does it mean it is not working for you?
2. IS there any error, or changes you made just doesn't show up?

the social icons are not showing up. nothing shows up at all. i can get text links to work by creating the menu and assigning it to "alternative short top menu". however, i still cannot get social icons to show up there.


3. Do you have any cache plugins?

nope i do not have any cache plugins so it should be working


4. Do you see any notice in admin panel?

what do you mean notice in admin panel?


hope that clears some things up

tommychi

basically i just want my header top bar to look like this: http://blame.apollo13.kinsta.com/home/home-page-v4/?a13_demo_set=dark

where i have some text on the left side and on the right side i have text links as well as social icons. right now for me, when i try adding text links they only appear on the right side. but i would like control over what i can add to the left side as well but i cannot find out how to do this.

Air

OK. Before I will try it myself to check your installation I will give one more try in asking.

1. Social icons will not show up if they are not filled up in Socials menu http://apollo13.eu/docs/fame/#!/socials_menu - have you filled them?
2. Links on the left - sorry for confusing you here before. There is only one link you can make there by filling "Message menu link" and "Message text" in top bar settings.
Other link is Language selector from WPML and next one is currency selector from Woocommerce. We dedicated this are for shop "things". But if you don't use shop then I will guide to you to place where you can edit HTML of this part.

If everything what I wrote above still not helps then please send me temporary access to your WP so I could check there what is going on? Send it here on forum via private message(click on my nick and there you will find option "Send Air a Message"). In message please attach link to topic it applies to.

With kind regards.

tommychi

1. Yes i have filled them but for some reason they still do not appear

2. Can you guide me to the place where i can edit html for this part please?

I have also sent you a private message so maybe you can help me with the social icons part.

Air

1. Again I apologize. I have confused our Blame theme with Fame theme, and that is why I said to you that you can enable social icons in top bar. In fact you can't, cause Fame theme doesn't have such option. I have enabled them in Header - Main Settings so if you don't like them you can deactivate them there.

2. In fame\utilities\header.php line ~186 you can find such code:

<div class="part1">
                    <ul>

                    <?php if($top_bar_msg): ?>
                    .... LOT OF PHP CODE ....


                    </ul>
                </div>

You can change it to something like that:

<div class="part1">
                    <ul>
                    <li><a href="http://link1.com">Link</a></li>
                    <li><a href="http://link2.com">Link</a></li>
                    </ul>
                </div>

And you are done:-)

With regards.

tommychi

thank you so much i can edit it now to my liking. i appreciate the help~

Air

That is great:-)

If you are happy with this theme please don't forget to rate us on ThemeForest - it helps us a lot! Thanks! How to rate?

With regards.