Changing Page Display options for Joomla 3 menu items

When creating a Joomla menu item, you will find that most menu item types have Page Display settings. In this article, we are going to review two of the options found within Page Display settings: Browser Page Title and Page Heading.

What do these settings do?

In our testing, we are working with a Login Form menu item. We configured the title and heading settings as follows:

Browser Page Title: Login

Page Heading: Website Login

Before we made any changes, the page title (as seen in the top of our browser) was the title of the article and no heading was shown on the page. After making changes, you can see below that the Browser Page Title setting changes the name of the tab in our browser and the Page Heading simply adds a <h1> tag with the text we entered.

How to change Page Title and Page Heading settings in Joomla 3

Please note! The Show Page Heading setting must be set to Yes in order for the Page Heading you enter to appear. You can see this setting in the screenshot above.

How to change Page Title and Page Heading settings in Joomla 3

  1. Login to your Joomla 3 admin dashboard
  2. In the top menu, click Menus and then click Menu Manager
  3. Find the menu item that you want to change and click on it
  4. Click the Page Display tab
  5. Enter in values for the Browser Page Title and Page Heading settings, ensure the Show Page Heading set is set to Yes, and then click the Save button in the top left of the page.

29 thoughts on “Changing Page Display options for Joomla 3 menu items

  1. hello guys, i do all the things you set about changing page title at home page but it doesn’t work..how to do it? PLS help if you can.

    1. Hello,

      Once you have made the changes you may need to clear the cache on your site and browser to see the change, if you provide us a link to the page you changed we can see what we are seeing as the title.

      Best Regards,

      Kyle M

  2. Arnel,

    Thank you for the response. I will work with this information and get back to you on my progress. Great job you people are doing through this site.

    Daisy

  3. Hi John,

    Thank you for taking the time to respond to my question. With regards to the steps taken, i would not have that as i was just going through the cpanel to figure out what the original settings were and tried to make changes from online directions. In addition, i wanted to setup the website for Mobile access for andriod and other handheld devices which also proved abortive.

    The wensite link is:

    https://www.alphazeninc.com

    Daisy

     

    1. Hello Daisy,

      Sorry for the logo issue. You can find instructions on how to remove the Cloudbase 2.0 logo from their support site here. Making your website for mobile devices previously meant detecting the device and then providing code to adjust your website for the device. The more recent movement to handle the increasing number of different display types has been to use responsive design. We can not provide all of the requirements to change your Joomla website into a responsive site. However, if you are using Cloudbase, you may be interested to know that their Cloudbase3 version (for Joomla 3.0) was created with responsive design in mind. There are many solutions to this issue, but you will need to select the one that best meets your requirements. I hope this helps to answer your question, please let us know if you require any further assistance.

      Kindest regards,
      Arnel C.

  4. In an attempt to fix my update my website, I have ended up ruining it with the sudden appearance of the “Cloudbased 2.5” thing on top. How do i remove it? Someone please help.Reply

    1. Hello Daisy,

      Thank you for contacting us today. We are happy to help, but will need some additional information.

      Can you provide a link to the site, so we can see the “Cloudbased 2.5” think you mentioned?

      What specific steps did you take before seeing this problem?

      Thank you,
      John-Paul

  5. I ended up going into the css file and setting display to none for page header. Hopefully the site won’t need to use that anywhere down the line.

    Thanks for your help.

  6. Hi,

    This is in reply to the last email you sent me.

    I am trying to get in touch with the site admin to ask if she can set up a user name and password for you. In the meantime I am trying different suggestions from the link you sent me that I haven’t already tried.

    Thanks

  7. Hi,

    Again, thanks for replying. I am using Joomla 3.3.6. I go to Menus>Menu Manager>Menu Items and select the menu item Professional Advisor Articles. I go to the Options tab and select “hide” for show title as well as show author, save and close, clear cache and refresh and it is still showing. I’ve googled this issue and have not been able to find a solution that works for me.

    I don’t see any “Advanced” options in my menu manager.

    Thanks

    1. Hello Arlene,

      If you can give us access to your admin, then we can look at your setting to determine what’s going on. Short of that, we can only suggest possible solutions based on either historical data or answers to our website, or research in forum replies from other users who have described the same problem. Duplication of the issue would require our site to be built with similar settings and structures as yours, so it would be very difficult for us to try to emulate the behavior that you’re seeing. It’s best to first exhaust the possible answers available through the posts of people who have encountered the same problem.

      If you check this particular forum post, you will see one suggestion that talks about Page Heading (not title) in the Page display section. Hopefully, this is the setting that you need to change in order to turn off the H1 that you’re seeing. If this does not work, then the best way for us to troubleshoot it would be to have temporary access to your Joomla Admin. You can provide that information in a a reply. Posts are not immediately seen until they are approved by the Community support team. We would remove information of that nature before it could be published.

      Please let us know if you require any further assistance.

      Regards,
      Arnel C.

  8. Hi,

    Thanks for your replies.

    I am trying to remove this “Leave A Legasy™ SS” which is being displayed by this code <div class=”page-header><h1> Leave A Legacy™ SS </h1></div>.

    It is only showing up on the pages that are linked to from within this page https://leavealegacysouthsask.com/index.php/professional-advisor-articles and not from any pages that are linked to the menu item. If I go to the article from the submenu the page header code is not there, but if I go to the page from the link on the https://leavealegacysouthsask.com/index.php/professional-advisor-articles page I am getting that. I see it in Chrome as well as Safari.

    I’m viewing it in Firefox 34.0.

    Thanks

    1. Thanks Arlene,

      That is the information that I needed to understand what you were trying to do. Surprisingly, this was a heavily discussed issue in several forums. I’m not sure what version of Joomla you’re using, but if it’s version 3.0, then you should be able to do this:

      Go to the tab named Advanced Options in Menu Manager: Edit Menu Item.

      Then go to Article options => Show Title => Hide

      This should let you hide the title of the article which are linked to that menu item’s link.

      I hope this helps to answer your question, please let us know if you require any further assistance.

      Arnel C.

  9. Hi,

    Sorry for the confusion, the link I provided was showing the page where the <div class=”page header”> was showing up on the page. The page with links to the pages that are having this issue is https://leavealegacysouthsask.com/index.php/professional-advisor-articles. I hope you can help me with this problem. I will read what is posted in the link you suggested.

    Thank you

    1. Hello Arlene,

      Thanks for the reply. I’ve been going through the links you’ve provided, and the only time I see the

      clear your browser cache . If you continue to see the problem, let us know what browser you’re using, or get a screenshot and send it so that we know we’re looking at the same thing. The link below leads to the screen cap that I took of your website.

      Screen capture

      Regards,

      Arnel C.

  10. Hi,

    I’m getting <div class=”page header”> showing on articles that are not linked to a menu item but are a link on a page.

    Is there any fix to remove this. I’ve tried turning all options to hide and it isn’t working.

    https://leavealegacysouthsask.com/index.php/8-professional-advisor-articles/64-mcdougall-gauley

     

    Thanks

    1. Hello Paula,

      Apologies for the delay in the answer (this question was missed earlier for some reason). If you are working in menus, please review our Joomla Menus section in the Support Center.

      Regards,
      Arnel C.

    2. Hello Arlene,

      Sorry for the problems in Joomla. I did look into this, but we need to have the clarified a bit. When we visit the URL that you have provided, I’m seeing the < div class="page header" > at the beginning of the page. I do not see a link. It’s difficult to determine where you wanted the link. Did you want it at top of the page ? I did not see a link other than the menu on the left hand side. You might want to review Linking to other articles if you are trying to create a link elsewhere on the page.

      I hope this helps to answer your question, please let us know if you require any further assistance.

      Regards,
      Arnel C.

  11. hmm ok.I am using joomla 3.3. One menu item was with external link and other link was with Featured articles.I didnt notice it properly.

    1. I want to change the text in a menu item box that appears on my home page. I thought I was in the right place. I wasn’t

  12. I had created the menu item for mainmenu and added external url with section for creating a position in templatedetails.xml. I am not able to see the page display options in menu item edit. Could you please assist us whether we need to enable any settings for the same.

    1. It may be different based upon the Joomla version that you are using. Coudl you clarify what specific version of Joomla you are using?

      You may also want to click through the various tabs to see where it has been moved to depending on your Joomla version.

    1. If you are still not seeing it correctly, it sounds like you have some issues within your core Joomla installation or possibly caused by additional modules. I recommend disabling any additional modules and testing it from there or possibly reinstalling Joomla.

  13. My problem is that it doesn’t work.

    Only my front page displays the browser page title I have entered.

    All other pages displays the article title.

     

  14. Only my front page displays the browser page title I have entered.
    All other pages displays the article title.

    Have you heard about that problem?

    1. Hello ertmania,

      Following the steps in this guide, you’d only be modifying the page title menu items. If you wanted to change the title on each of your articles, you’d need to go into the article editor and rename them.

      Please let us know if you had any other questions at all.

      – Jacob

Was this article helpful? Join the conversation!