WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How can I place my logo on top of the menu bar? (5 posts)

  1. havingfun
    Member
    Posted 1 year ago #

    My site shows my logo on the top left of the menu bar. I would like for it to stand out more. I would like to make it as long as my top gray menu bar and place it above it. Unfortunately, I just don't know how. Is this possible?

  2. hawaiiwp
    Member
    Posted 1 year ago #

    You can try adding this or other CSS modifications to your style.css file

    #logoname {
    /*float: left;*/
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    margin-bottom: 50px;
    }

  3. havingfun
    Member
    Posted 1 year ago #

    hiarlen...thank you so much for your suggestion. The logo was able to get moved upward. But the width has not changed in size. I changed the width within your code from 240 to 740 too and yet still did not alter the width. Do you have any other suggestions by chance?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    That image size is 226px × 125px -- which cannot be made bigger by using CSS without degrading the image quality a lot. The better way to go is to upload an image of the size you want, and change the CSS accordingly. Where did you get the logo? Do you have a bigger version? You need to do the resizing with an image program (i.e. photoshop, iphoto, preview, many other free options).

    It also looks like you need to change the width in your CSS using the selector:

    #logoname img {
    ...
    }

    rather than just #logoname

  5. havingfun
    Member
    Posted 1 year ago #

    WPyogi...thanks so much for your feedback. I unfortunately purchased the logo from Vistaprint. I feel that I got jipped once I realized that I could not resize the image and it has a VERY low res. Oh well, I am learning as I go. Thanks again for the info and your direction!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.