Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 1, 2024 at 11:34 pm #1463564
    Qgrafica_7

    Hi,
    i’m using a full width sub menu and i need to add a clickable logo. I added this CSS which works correctly:

    #top .av-submenu-container {
background-image: url(https://www.xxxIMAGELINKxxx.png);
background-repeat: no-repeat;
background-position: 30% 50%;
background-size: contain;
}

    But i’d need 2 things which i can’t seem to make work:
    – I want the logo image to be clickable so users can click it to go back to the home page
    – I want the logo to be on top of the menu, and i want the menu to be below the logo, just like it is on the other pages

    Thank you

    August 2, 2024 at 6:55 am #1463594
    Ismael

    Hey Qgrafica_7,

    Thank you for the inquiry.

    Instead of adding the image using css, you can directly create a Custom Link in the Appearance > Menus panel and add the img tag in the Link Text field.

    <img src="http://site.com/link-to-image.jpg" />

    You may need to control the size and style of the custom link with css.

    Best regards,
    Ismael

    August 2, 2024 at 9:32 am #1463602
    Qgrafica_7

    Hi,
    i tried adding the code to a custom link element in the menu, but it does not let me use it on the URL text field, when i press save it gets deleted and ignored.
    Thanks

    August 3, 2024 at 1:40 pm #1463698
    Rikard

    Hi,

    It seems to be working as expected on our end, did you add the markup in the Navigation Label field? If you need further help then please post admin WordPress login details in private.

    Best regards,
    Rikard

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