Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1358899

    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

    #1358940

    Hey gdsconcepts,

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

    Best regards,
    Rikard

    #1358977

    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.

    #1359003

    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

    #1359007

    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?

    #1359018

    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

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