Aligning logos with menu bar

  • Unknown's avatar
    rogerjohnjones · Member ·

    Hi there

    does anyone please know how I can move my logos further to the right so that they are aligned with my menu bar?

    Many thanks for your help

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hooray! I see you got your image in the header area aligned to the right.

    Let us know if there is anything else we can help with.

  • Unknown's avatar
    justpi · Member ·

    a) I understand you want the end of the rightmost logo exactly aligned with the menu bar. Actually the image is flush left, and the excess space is part of the image itself:
    http://rogerjonesblog.files.wordpress.com/2013/12/ex-libris-logos-2.jpg
    So you could crop the image in an image editing application and upload and insert the new version.
    If you prefer moving the existing version, add this: 

    #masthead {
background-position: right -29px top;
}

    b) The theme you’re using is responsive: it shrinks to adapt to lower resolution screens and mobile devices. Drag the browser window to make it narrower and see that on narrow mobile devices the logos overlap the blog title. You need to decide if and where the logos should show up in that case, so we can work out the required alternative CSS.

  • Unknown's avatar
    rogerjohnjones · Member ·

    Thanks very much justpi. Taking out some white space has solved the problem.

    Useful information re mobile devices. It wasn’t appearing properly on an iPad before – the logos were meeting with the text on the left, but I’m told it is appearing fine now.

  • The topic ‘Aligning logos with menu bar’ is closed to new replies.