Tagged: x
-
AuthorPosts
-
June 28, 2016 at 12:35 pm #1063611
mellynaParticipantHi
1/I would like to display in the topbar :
At the left : the social share buttons
At the center : Logo image + Logo text
At the right : Sign in / sign out buttons2/Consequently, I’d like to remove the logo from the logobar.
3/Then, I’d like to make the top bar disappear when hover and leave the navbar fixed on top of the screen.
4/If there is a way to display the logo image in the navbar when hover (disappear from topbar and appear in navbar) it would be awesome5/I would like to display some icons before each of my menu elements
How can I achieve that?
See local link in the next postThanks a lot!
June 28, 2016 at 12:35 pm #1063613
mellynaParticipantThis reply has been marked as private.June 28, 2016 at 1:05 pm #1063668
JoaoModeratorH There,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
– Link to your site
– WordPress Admin username / passwordDon’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Thanks
Joao
June 28, 2016 at 4:42 pm #1063919
mellynaParticipantThis reply has been marked as private.June 29, 2016 at 1:33 am #1064383
ChristopherModeratorHi there,
#1 Please add this code in topbar area :
<div class=”x-section”>
<div class=”x-column x-1-2 x-sm”>First column content</div>
<div class=”x-column x-1-2 x-sm”>Second column content</div>
</div>To add login/logout links, follow this thread : https://community.theme.co/forums/topic/add-links-to-topbar-mini-nave-menu/#post-110868
#2 Please add following code in Customize -> Custom -> CSS :
.x-brand{ display:none; }#3 Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.
#4 Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.
#5 To add icons to menu items, check this link : https://theme.co/changelog/#theme-4-0-0
Hope it helps.
June 29, 2016 at 3:50 am #1064499
mellynaParticipantHi
Thanks for your answers1/ I followed the instructions but it didn”t provide the result I was expecting. Please check the result on my site , whereas what I wanted was :
1/I would like to display in the topbar :
At the left : the social share buttons
At the center : Logo image + Logo text
At the right : Sign in / sign out buttons2/ That worked, thanks
3/ I want that when the user scrolls down, the navbar stays fixed and displays the logo at the left (like a second navbar that would replace the first one when the page is scrolled down). I ve seen it achieved in this forum but I couldn’t find the topic
5/ Sorry, I read it but didn’t understand how to make it. For example, if I want to add this icon http://fontawesome.io/icon/hourglass-end/ to my menu , how would I proceed?
Would you please explain it carefully as I am not a developer, far from it.Thanks
June 29, 2016 at 6:01 am #1064617
ChristopherModeratorHi there,
#1 Copy _topbar.php from framework/views/global and put it in the same path inside child theme, replace existing code with following :
<?php // ============================================================================= // VIEWS/GLOBAL/_TOPBAR.PHP // ----------------------------------------------------------------------------- // Includes topbar output. // ============================================================================= ?> <?php if ( x_get_option( 'x_topbar_display' ) == '1' ) : ?> <div class="x-topbar"> <div class="x-topbar-inner x-container max width"> <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?> <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p> <?php endif; ?> <div class="x-section"> <div class="x-column x-1-3 x-sm"><?php x_social_global(); ?></div> <div class="x-column x-1-3 x-sm"><a href="//fouinylocalhost.fwd.wf/wordpress/" class="" title="Un site utilisant WordPress"> Fouiny</a></div> <div class="x-column x-1-3 x-sm"><a href="/blog-the-hydrant/"></a> <a href="/wp-login.php" class="x-btn wp-login-url">Connexion</a> <a href="/register/" class="x-btn wp-register-url">Inscription</a> <a href="/wp-login.php?action=logout" class="x-btn wp-logout-url">Déconnexion</a></div> </div> </div> </div> <?php endif; ?>#3 Please select fixed top position from Customize -> Header and follow this thread : https://community.theme.co/forums/topic/different-logo-after-scrolling/
#5 Please add this code in navigation label :
<i class="x-icon-hourglass-end" data-x-icon=""></i>Hope it helps.
June 29, 2016 at 5:44 pm #1065649
mellynaParticipantHi
Thank you for your answers1/ I followed all the instructions but it didn’t work.
My social buttons are still in the right side and my logo and connexion button are both in the left side.
Please see attached file to visualize what I would like
And please tell me how to customize the logo , the social buttons and the connexion button. In the Css file, what code should I use for each of these elements?5/ The code you provided for the icon works fine, but when I try to reproduce it with the other navigation labels, it displays the hourglass icon even if I change the code.
For example, for this icon, http://fontawesome.io/icon/bolt/ , here is the code I put in :
<i class=”x-icon-fa-bolt” data-x-icon=””></i>
Please tell how to write the correct codeThank you
June 30, 2016 at 12:13 am #1066188
RadModeratorHi there,
1. Your site’s URL is down. “Tunnel not found.”, please provide the working one.
2. What you need to replace is the value of
data-x-icon="".Example, http://fortawesome.github.io/Font-Awesome/cheatsheet/ , the fa-bolt is equivalent to
, hence,<i class="x-icon-fa-bolt" data-x-icon=""></i>Thanks!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1063611 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
