0
Welcome Guest! Login
0 items Join Now

SOLVED! How to Remove Menu Item text?

    • neiko's Avatar
    • neiko
    • Rocketeer
    • Posts: 96
    • Thanks: 1

    SOLVED! How to Remove Menu Item text?

    Posted 12 years 9 months ago
    • Hi Guys

      Im using Zephyr and would like to remove the main menu items text so that I can replace the text with an image.

      Im running Joomla 1.5.]

      My site: www.australianmma.com.au/

      Your help is much appreciated, i cant find anything on the www.

      Chees

      This is an example of what I am trying to do, below is my sites menus as they are now:
      This image is hidden for guests.
      Please log in or register to see it.


      And I am trying to acheive something like this:
      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 12 years 8 months ago by neiko.
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: SOLVED! How to Remove Menu Item text?

    Posted 12 years 9 months ago
    • neiko's Avatar
    • neiko
    • Rocketeer
    • Posts: 96
    • Thanks: 1

    Re: SOLVED! How to Remove Menu Item text?

    Posted 12 years 9 months ago
    • Thanks for that Dan, but I cant see where it says the setting to remove the menu item text. Am I going crazy!? Where abouts on the page is it?

      Thanks for your help!
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: SOLVED! How to Remove Menu Item text?

    Posted 12 years 9 months ago
    • neiko wrote:
      Thanks for that Dan, but I cant see where it says the setting to remove the menu item text. Am I going crazy!? Where abouts on the page is it?

      Thanks for your help!
      See "Advanced Fusion Parameters: Modules" so basically you create a module and place your image in it and then assign it to Fusion Menu.
    • neiko's Avatar
    • neiko
    • Rocketeer
    • Posts: 96
    • Thanks: 1

    Re: SOLVED! How to Remove Menu Item text?

    Posted 12 years 9 months ago
    • I have tried but cant work out how to do it with the infomation in that turorial. Just in case Im not making myself clear, ive attached an image. The first menu items are home, then afc.. I want to remove the text and leave the image.

      Thanks dan
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED! How to Remove Menu Item text?

    Posted 12 years 9 months ago
    • Hi Dan,

      Not something I would do based on the images provided. Your images include text but search engines will be unable to read that text as it is a picture.

      You would be better off adjusting the CSS to provide the text style you wish to display and then edit the CSS to display your arrow under the link.

      As far as I am aware RokNavMenu always shows the text.

      Hope this helps 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    • neiko's Avatar
    • neiko
    • Rocketeer
    • Posts: 96
    • Thanks: 1

    Re: SOLVED! How to Remove Menu Item text?

    Posted 12 years 9 months ago
    • Thanks mate. That explains why I couldnt do it.. Your idea is better but I need to learn how to edit css..
      Thanks!
    • neiko's Avatar
    • neiko
    • Rocketeer
    • Posts: 96
    • Thanks: 1

    Re: SOLVED! How to Remove Menu Item text?

    Posted 12 years 8 months ago
  • Re: SOLVED! How to Remove Menu Item text?

    Posted 11 years 1 week ago
    • another way:
      in \templates\name_of_template\html\mod_roknavmenu\themes\gantry-dropdown\layout.php

      find:
      echo $item->getTitle();

      change to:

      echo '<span style="display: block;margin: 0;outline: none;padding: 20px 14px 4px 14px;width: 30px;line-height: 30px; text-indent: -9999px;">'.$item->getTitle().'</span>';


      It works for me. Great ;)
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED! How to Remove Menu Item text?

    Posted 11 years 1 week ago
    • Hi Neiko,

      Thanks for posting the other link back here as it may help others.

      Hi Jan,

      That would also work and will only get lost if you update the template at any future point, so keep a copy!

      Cheers all.

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information

Time to create page: 0.064 seconds