a couple of features that would help at least me

garret

ok
so I'm slowing moving my way through the CSS editing of the ADAM theme
and I've run into two things
that I need guidance on

 1- MOST SERIOUS problem ---  in MOBILE UI only---

again I'm using the adam theme
ONLY using the left NAV page style for all pages
and i've run in to a UI problem that is out of my reach to fix
the problem:
when in MOBILE the left NAV moves to the hamburger - three line icon - all good (yay)
but if I have a page that is only a "section header" or call it the "top of the accordion"
and my users click on it
then the mobile version of the NAV goes away - leaving an empty page
which is super confusing (users are slow, but we love them)

I would like the MOBILE NAV UI to persist if the page is empty (no blocks)
and the UI/NAV disappear only if the page has content
so that the user can then click on a sub-page

e.g.
like "artworks" and then with a list of works under it

ARTWORKS <<-- this is a empty page
piece#1 <<-- content here
piece#2
etc

this works fine on desktop because the the NAV list is persistent
but on MOBILE it is hard to understand what to do -the first click only gets you to an empty page
and the user has to return to the 'Hamburger'

I see that the system could function like this - added variables - kool
but the PHP-ness of it is beyond me

(WHY would I do this?
(trying to emulate the indexhibit super simple style of page
(why? - because I have a large number of clients that are stuck on indexhibit
(and while the clients want that look/style/feel
(the system is old and does not work on MOBILE at all
(and if I can simplify the theme down to the use case
(well then there is a fresh set of users out there :-)
{{ why dont you have a donate button on your page? ;-) I'm happy to donate for the help }}

so far the only solution is to not have subsections
which kinda defeats the purpose of even having them

2 - MINOR PROBLEM

thanks for the CSS override trick in the shared files placed in to the header theme variable
but the override css in the really -only- overrides or adds to the adam.min.css

but what I'm trying to do is eliminate "features"
(the resizing of the font sizes for viewports)
( I only want a layout change for phone size and all the others to remain the same )
so I have to edit the adam.min.css and then make copies
not the end of the world but it would be easier to not have two copies of everything
just a thought

thanks again

garret

mad

garret Hi, thanks for your input. The first issue as a bit tricky to solve with that theme. The theme nav basically only understands and list the directory structure where each item represents a valid page. To change that behavior you would have to edit the nav snippet.

The second one is a bit easier to solve, you can disable the resizing by forcing a certain font size using !important. You don’t need to edit the actual minified css file.

garret

thanks for the info

so for the header/subsection
my thought is to add a JS script to the footer
so that after the blank header page loads there is an automatic script to click the button again...

for the font size
ok but if I dont add to the minified css file
then I add it to where?
-- I think the less files
but then what is best practices for rebuilding the LESS to CSS?
it looks like gulp is what you are using? not sure of the best procedure here (see my other topic)

garret

well im stumped

adding a script almost works

<script> window.onload = function() {
  document.querySelector("a[href='#modal-nav']").click()
}
 </script>

works great when in the hidden left side nav
does exactly what I was hoping

but when the page is full sized
it loops forever and I just get a plain white page

all I need is a way to query from javascript what state the page is in
(with or without visible lefthand sidenav)

any clues?

mad

garret Hi, the CSS can just be added to the itemsHeader variable or linked in a separate css file.

I think you can get the type of page from the body tag. It has a class reflecting the template in use.

garret

thanks for the clues

it is very much a hack, but. it might solve the problem quickly

thanks