Navigation

This content is old and no longer supported. You may use at your own risk, but no official support will be provided for anything listed here. If you are a Themeco customer, we invite you to check out our new community and forums, Apex.

Tagged: 

  • Author
    Posts
  • #1325819

    dimensa2k
    Participant

    Hi! Is it possible to add a small logo in navbar beside menu pages? Picture with the exact spot linked below.

    Thanks,
    Johannes

    Attachments:
    You must be logged in to view attached files.
    #1325831

    dimensa2k
    Participant

    Sorry, that attachment came out wrong. Here is the correct one

    Attachments:
    You must be logged in to view attached files.
    #1325935

    Rupok
    Member

    Hi Johannes,

    Thanks for writing in! it can be done with some JS. Let’s upload the logos and update us with your URL and uploaded image URLs. We’ll tailor some code for you.

    Cheers!

    #1326119

    dimensa2k
    Participant

    Hey Rupok,

    Ive uploaded the desired logo on navbar top now. My website is open Dimensa.fi

    Logo url: http://dimensa.fi/wp-content/uploads/2017/01/dimensafinalwhite-pieni-cropattu.png

    Thanks for the support so far

    #1326121

    dimensa2k
    Participant

    I forgot to mention i only want the logo to be seen left side of menu bar not both sides like i circled on attachment.

    #1326159

    Joao
    Moderator

    Hi There,

    Go to Appereance > Customizer > Header and change from stacked to inline.

    Add your logo image there.

    Hope it helps

    Joao

    #1326955

    dimensa2k
    Participant

    Hi,

    Yes that moved logo to the left but menu disappeared. I suppose its because there is no room for menu bar. I tried to change aligments and menu bar spacing lower without success. If i can somehow move my logo all the way left it might work. Didnt find option to do that in customiser.

    Thanks,
    Johannes

    Attachments:
    You must be logged in to view attached files.
    #1327023

    Paul R
    Moderator

    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!

Join Apex

This content is old and no longer supported. We invite you to check out our new community and forums, Apex.

Join Apex