Hi Paul,
First of all, thanks and glad to know that you're loving the mobile template.
As for your enquiry, after enabling this template module preview position setting(http://take.ms/H0IsF) and appending ?tp=1 to the end of the page url, you should be able to see the available positions on the template.
From what I can see, the position at the bottom of the page in mobile view is position-after-component. Perhaps you can use this to place the legal menu module(http://take.ms/5sGmO).
Since the position of the desktop view differs from the mobile view, you can create 2 separate menu module having 2 different positions.

Hi Raymond

As for your enquiry, after enabling this template module preview position setting(http://take.ms/H0IsF) and appending ?tp=1 to the end of the page url, you should be able to see the available positions on the template.

Got it I found these setting under the “options” button on the Templates menu.

and appending ?tp=1 to the end of the page url, you should be able to see the available positions on the template.

Great tip. Thanks. Also works and when I switch Template I have different positions which I can see at the front end.

From what I can see, the position at the bottom of the page in mobile view is position-after-component. Perhaps you can use this to place the legal menu module.

Ok this is odd:
I create a second Module as you suggested and called it "Foot Legal Menu Mobile"
When I search the “Position” box I do not actually see the position “position-after-component”
But when I just enter it any way and save it does turn up on the front end!

https://www.cloudaccess.net/joomla-knowledgebase/99-joomla-3-1/module-manager/520-module-suffix-menu-suffix-joomla-3-0.html

In the menu suffix field you type a leading space (space bar) and then type "nav-pills". This adds the styling and makes the menu horizontal. In the "Module Class Suffix" field, add " _menu". This will add the active highlight so the menu item is highlighted when you are on that page. Remember to save your work.

I have tried this on both the Desktop & Mobile versions and am getting very different results.

Please see the screen shots.

Ideally I would like both menus to be horizontal, clearly legible and right formatted.*
*Apparently “pull-right” should move the menu to the right but I can not figure out how to combine it to work with " nav-pills” in the “Module Class Suffix" field!

Any help with this would be greatly appreciated

thanks

Paul

Hey Paul,

When I search the “Position” box I do not actually see the position “position-after-component”
But when I just enter it any way and save it does turn up on the front end!

That is correct. Not all positions are in the position selection so you can enter it manually.
As for your footer menu, below is a small css draft that we came up with to improve the footer menu by a little and also make it horizontal on mobile view.

.elegant-menu.nav-pills > li + li  {

  margin-left: 10px;

}



.elegant-menu.nav-pills li {

  list-style-type: none;

}





@media (max-width:768px) {

    .nav.menu.nav-pills > li + li {

        margin-left: 10px;

    }



    .nav.menu.nav-pills > li {

      float: left;

      list-style-type: none;

    }    

}

Do note that this is the most we can do to help you. If you require further assistance on the styling, you would have post a customization request to our helpdesk(https://crm.stackideas.com).

Hi Raymond

I know you guys spoil me and I try not to ask for too much. Please believe me.

thank you so much

Paul

PS

This needs to go into the custom css file in the Elegant template/CSS folfeder right?

Hey Paul,
Understood and you're welcome.

This needs to go into the custom css file in the Elegant template/CSS folfeder right?

That is correct.
If you have any other questions/issues, feel free to start a new thread so we can assist you.
Regards.