Docs

[FERLAF]

I take this from the fórum and i do the same, but is not go. My webpage is wp.laforetgroup.com. Thank you

Do mean the X Logo inside the demo’s menu http://theme.co/x/ ?
That is possible, just follow these. Though this may give you different result, so it is much better if you could provide a url address.
1. Let’s hide the logo first on desktop mode but show it on mobile.
@media ( min-width: 980px ) {
.x-logobar, .x-brand {
display: none;
}
}
2. Add additional menu item with class name.
a. Go to Admin > Appearance > Menu and under Screen Option on top of the page, be sure CSS Classes is checked.
b. Add your logo as menu item ( as link http://awesomescreenshot.com/08d2zb7fc4 ).
c. Add menu_logo as your menu item’s class name http://awesomescreenshot.com/0762zb7m70.
3. Add this css.
.menu_logo {

display: inline-block;
padding: 0px;
width: 100px; /* width of your logo */
height: 60px; /* height of your logo, should match the height of your menu as well */
overflow: hidden;
text-indent: -9999999px;

/* now the logo image */
background: url(your image url here) no-repeat center center;
background-size: 100% 100%;

/* optional, but if you want space between this logo and next menu item, then change this */
margin-right: 20px;
}

/* hide menu logo from mobile menu */
@media ( max-width: 979px ) {
.menu_logo { display: none; }
}
4. Add this code at your customizer’s custom javascript ( this will prevent reloading when clicked, instead, it will scroll to top – if one page nav. )
jQuery(function($){
$(‘.menu_logo’).click(function(e){ e.preventDefault(); $(‘html,body’).animate({ scrollTop: 0 },700 ,’swing’);
});
});
You’re done. Cheers!

[Joao]

Hi 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 / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[FERLAF]

This reply has been marked as private.

[FERLAF]

This reply has been marked as private.

[FERLAF]

This reply has been marked as private.

[Jade]

Hi there,

Thanks for the details but I am not certain about what you are trying to do.

Would you mind providing us some info on what you are trying to achieve so we can assist you?

Thank you.

[FERLAF]

thank you for your sms. I put the code to have the menu like this http://theme.co/x/ but i can if you look the previous message you can look the code. Thank you

[Christopher]

Hi there,

Please disable ubermenu plugin, add logo and set navigation logo layout under Customize -> Header to inline.

Hope it helps.

[FERLAF]

Thank you.
which size it is the logo?

[Christopher]

Hey there,

Thanks for writing in! This particular situation is simply a matter of reworking your content to properly fit the physical limitations presented by the theme (this is a consideration that must be taken into account with all themes and designs). It is the same principal applied to filling up a room with furniture—there is only so much that can fit into a given space. The following should be considered in these situations:

• Logo Size – longer logos will conflict with navigation items as you size your site down. If you are noticing a conflict, you may need to implement some CSS to size down your logo as viewports get smaller.
• Shorter Names – you should always shoot to have your top-level navigation links be as simple as possible. For example, if your link is “Learn About My Company,” Try using “About” instead. It conveys the same idea and will save you a ton of real estate.
• Rearrange – sometimes we want to put all of our links in the top-level navigation, but not all pages are created equally. Pages of lesser importance that pertain to a parent link might work well as a sub-menu instead.
• Less Links – even on more “complex” websites with lots of pages, there are always ways to combine information together to make things simpler, which also ensures that your user doesn’t have to click around for every granular piece of information. For example, you might have two top-level links called “About” and “Contact,” which could possibly be combined into one. This eliminates the need for extra links and makes things much simpler for your users to navigate. Less is more in information architecture.
• Appearance – fortunately X features plenty of options for adjusting the appearance of elements throughout your site, and the navbar is one of the more flexible elements. Try using a smaller font size if possible to save on a little real estate.

Thanks!

[FERLAF]

Thank you for your reply.

[FERLAF]

when I change acceso for icon in the menu . it is not posible?
wp.laforetgroup.com

[Joao]

Hi There,

I am not sure what you mean with “when I change acceso for icon in the menu .”

Can you please provide more details?

Thanks

Joao

[FERLAF]

acceso is one ítem of menú. I want to take the Word and put the icon. I do in the menú but not change.
Thank you

[Joao]

Hi There,

Which Icon you would like to use?

Let us know,

Joao

[Author]

Posts