Add Title Attribute to responsive menu header image

  • Resolved jeroenm77

    (@jeroenm77)


    5 years, 3 months ago

    Hi!

    I’m currently trying to correct as many validation errors and suggestions as possible. I use a couple of tools for that, one is ContentKing. They suggest to add a title attribute to the responsive menu header image.

    To do this I have manually changed the file “/app/Collections/OptionsCollection.php” so that line 38 now reads:

    return '<img alt="' . $this->options['menu_title_image_alt'] .'" title="' . $this->options['menu_title_image_alt'] .'" src="' . $this->getThemedUrl($this->options['menu_title_image']) .'" />';

    However, as soon as a new update is released this modification will get undone. Is it possible to add a “Title text” option, just as “Alt text” in the setup of Responsive-menu?

    Would be great, thanks!

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

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

  • Hi there,

    Welcome to Responsive Support Forum. Hope you are doing well.

    Yes, you can add a ‘Title Text’ using Responsive Menu settings. To do this, open responsive menu settings. Go to ‘Container’ tab -> ‘Title Text’ section. You can style your title text as per your requirements here.

    Hope this helps to solve your doubt.

    Kind regards,
    Kriti

    Thread Starter jeroenm77

    (@jeroenm77)

    Hi,

    thanks for the reply.

    I’ve found the title setting you suggested, but that setting sets the caption that appears under the image, not the html title attribute of the image. Can you take a look at that please?

    Thanks in advance!
    Best regards,
    Jeroen

    Hi,

    The width of the container defines if the title text will appear along with the image or below it. If the container width is too low then title text will appear below the logo image.

    Try increasing the width of the container.

    Regards,
    Kriti

    Thread Starter jeroenm77

    (@jeroenm77)

    Hi Kriti,

    I understand that. However, I’m not looking for an option to show the title. I just want the title attribute to be filled, within the tag. So it would show <img href="sourcelocation "title="example" alt="example img" />.

    Thanks in advance!

    Hi,

    Sorry but this is not possible with responsive Menu settings.

    Regards,
    Kriti

    Thread Starter jeroenm77

    (@jeroenm77)

    I know ?? That’s why I have added a code change suggestion in my first post. Changing that line would just copy the content of “alt” to the “title” attribute of the img.

    Thanks a lot for the quick replies. I’ll mark this as resolved, but would really love it when I see that change in a future release!

    Sure, we will try to release it in the future updates.

    Regards,
    Kriti

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Add Title Attribute to responsive menu header image’ is closed to new replies.