Image on same line as text?

  • Resolved j4ze

    (@j4ze)


    12 years, 5 months ago

    I have added an image in my navigation menu, using <img> in my custom link labels and adding them to my menu in the wp-dashboard.

    But the image is higher than the text (since its a logo) and that results in my menu items flying around. I added some images at the end of my menu aswell and since they’re only 22px high, they align quite nice with the menu items.

    I’ve tried padding, align inline-block but nothing does the trick for me, so i hope some of you guys could help me.

    My theme is Photolux, but i dont think that has anything to do with my problem.

    Thank you

    /jaze

Viewing 5 replies - 1 through 5 (of 5 total)
  • Anonymous User 13255453

    (@anonymized-13255453)

    12 years, 5 months ago

    Hey Jaze,

    A link to your site would help.

    Ryan

    Thread Starter j4ze

    (@j4ze)

    12 years, 5 months ago

    omg, i totally forgot that… here it is

    Link

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 5 months ago

    You should move the image outside of the navigation menu so that you can just position the menu downwards using something like ‘margin‘, also remember to give your image an alt attribute 😉

    Thread Starter j4ze

    (@j4ze)

    12 years, 5 months ago

    I have moved the logo outside the menu, but I still cant get it to be on the same line as the rest of the menu items 🙁

    Thread Starter j4ze

    (@j4ze)

    12 years, 5 months ago

    Okay, i did it by putting the image and menu into separate divs, thank you guys!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Image on same line as text?’ is closed to new replies.