Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 20, 2022 at 3:07 pm #1358899
    gdsconcepts

    hello, I would like to add an image to the text in the main menu. Unfortunately, I only ever see the image. The text keeps moving down and I can’t find an option to move it up. can you help me with this? best regards jenny

    July 20, 2022 at 7:33 pm #1358940
    Rikard

    Hey gdsconcepts,

    Could you post a screenshot highlighting what you would like to achieve please?

    Best regards,
    Rikard

    July 21, 2022 at 8:32 am #1358977
    gdsconcepts

    I sent a link with a screenshot. Have inserted the picture for all menu items. However, the text should also appear. This is further down in the background and is therefore not displayed accordingly.

    July 21, 2022 at 11:36 am #1359003
    Rikard

    Hi,

    Thanks for the update. It looks like there are line breaks added after the images, please make sure that all line breaks are removed. You might need to make your images smaller using CSS as well:

    #avia-menu img {
  width: 30px;
  max-width: 30px; 
}

    I created an example for you on a test page, please see link in private.

    Best regards,
    Rikard

    July 21, 2022 at 11:50 am #1359007
    gdsconcepts

    The text is displayed without the break. But I want to display the image and the text underneath. Currently the image is right next to the text. how do i get that?

    July 21, 2022 at 12:21 pm #1359018
    Rikard

    Hi,

    It looks a bit tricky to get that looking nice, maybe it would be better if you set the images as backgrounds? Here’s an example for the first menu item:

    .main_menu li#menu-item-18 {
    background-image: url(https://wischlingen.entw-gds-concepts.de/wp-content/uploads/2022/06/Solebad-Icon.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: top;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.