Text allignement

  • Resolved wouterklemm

    (@wouterklemm)


    4 years, 9 months ago

    I want to start by saying, I don’t have experience with coding. I have the issue that my image in the header menu is always being displayed at the top of the text and the text itself is becoming very. I would like to have the image in front of the text and keep the text front the same as before adding the images. What should I do to get this. I already searched this topic and found some coding for a similar issue, 

    .nav > li > a {
    display: inline-block!important;
}
li#menu-item-457, li#menu-item-458 {
    margin-top: -20px;
    text-align: center;
}

    but unfortunately this is not working for me. Could you please help me.

    Many thanks in advance

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    4 years, 8 months ago

    Hi @wouterklemm,

    Try the CSS below instead.

    #header .header-links li span {
    display: inline-block;
    color: inherit!important;
    font-size: inherit!important;
}

    Clear the cache and test again.

    Thread Starter wouterklemm

    (@wouterklemm)

    4 years, 8 months ago

    Hi @takanakui,

    Thanks for your reply. I have copied this code in customizer–> extra css, but nothing is changing. The menu is still displayed the same as before. What am I doing wrong?

    Thanks you
    Wouter

    Thread Starter wouterklemm

    (@wouterklemm)

    4 years, 8 months ago

    Sorry its working, I answered to quick
    Thanks and we can close this thread!

    Thread Starter wouterklemm

    (@wouterklemm)

    4 years, 8 months ago

    Hi @takanakui,

    I face another problem after using this solution. The menu is not working anymore on a desktop On a mobile device everything seems fine. What might be the problem.

    Regards Wouter

    Plugin Author Rui Guerreiro

    (@takanakui)

    4 years, 8 months ago

    Hi @wouterklemm,

    This is what I’m seeing in the desktop.
    https://cln.sh/Uh9aS5

    Can you explain further what isn’t working?
    Thanks

    Thread Starter wouterklemm

    (@wouterklemm)

    4 years, 8 months ago

    I reduced the height of the logo and the number of menu items. So that the logo is at the same line as the menu. In this way it is working. When I increase the logo or increase the number of menu items, the menu is 1line below the logo and the links aren’t working. I guess this workaround will work for the time being.

    Regards Wouter

    Plugin Author Rui Guerreiro

    (@takanakui)

    4 years, 8 months ago

    Sorry for my delay. I see what you mean but the space available will make this break when there is not enough space to show everything.

    Another option to gain more space could be to place the images above or below the text.

    Hope it helps.

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

The topic ‘Text allignement’ is closed to new replies.