Shape 5

Hi there,

I have a .js app running on my site which I want to give as much screen real estate as possible but it has to be reached through and respect the joomla ACL.

So I copied the style of the template (business pro in this case but I think it is a more general question) and switched off the menu for the copy and assigned that style to the menu link. That works fine and causes the menu bar to disappear from the page but the logo (and login) area is still there.

I tried to add {#s5_header_area1: display:none} to the css file but that also causes the logo area to disappear from all other pages as the two styles are sharing the same css. Have also tried to add {#s5_header_area1: display:none} to the 'link css style item' link style on the menu item but it does not respond.
I can make the area disappear on tablets and mobile using the vertex settings but (obviously) there is no such setting in vertex for desktop.

Running out of ideas here and could use some expert advice ;)

Ideally, it should be a completely blank page as the menu-link in Joomla is to an 'external-link' that goes to a styled (responsive html/js) page on the site

Julius

Hello,

Turning off the menu will not hide the logo or other areas, it only turns off the menu.

The logo you could do if you were using the "logo" module position instead of s5_logo.png, and just assign it to specific pages. The login and register links you would just turn off in the same template style, just go to the bottom of the General tab in the template configuration and save those fields blank and they won't show.

Nice approach and it is indeed the way to go to have different logos on different pages for example. However when the module is not published to the logo position the s5_logo.png will automatically show up and if the file is not present a square with a cross indicating a missing file will show up, so although it does loose the logo on the page it does not free the white space .... and the header area will still be there.
maybe i should just create a very simple template that has only one position and nothing else and assign that template to that particular page??

Hello,

Sorry, there isn't any other way to do that. The header is meant to be modified on specific pages like you are doing. Coming up with a custom script to detect the page you are on and output some custom css would be one way, or applying a simple template like you mentioned above would be the only ways to achieve what you are trying to do.

not a problem! thanks for the help / suggestions!