Hello,
I just updated the store to 7.7.5
After the updater, on the index page the black background is missing. The links are there but you can't see them because the link text is the color white.

The Black background is on all the other pages but not the index page since the update. See images.





Yours Truly,
Paul P.
Longtime ECT Customer

Hi Paul, I had a look and it's a strange one indeed.
I tried setting a position and z-index with css and it shows, but then drops off on smaller views.

What I would do is clone a working page and replace that page and copy over all the bits from the old index page.
Just start be renaming the current index page so you keep a copy of it until you are sure you have everything working as desired.

Thanks,
David

dbdave,

I created a new page, the bar shows under the header like it should but it still wont display on the index page when its uploaded.

Yours Truly,
Paul P.
Longtime ECT Customer

I cloned a new working page from the index page and the same thing. The Black image with the Home, Cart, Merchandise and Contact links that controls the Navigation in smaller views is not visible at all on the new index page. It shows on all the other pages in the monitor view but when you look at the pages in the smaller views like a tablet or phone the Navigation drop down is missing.

They must be tied together. Something in the updater changed the layout setting for the Navigation drop down.

Yours Truly,
Paul P.
Longtime ECT Customer

Hi Paul
I see what you mean now but looking at the internet archive this started happening in January this year. So it's not really something to do with the updater and it's probable this is just when you checked the site. Do you have a backup from December which is when it was still working?

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

I update the website 2 to 3 times a week and the owner or I would have noticed it was missing a long time ago. He checks the website after every update.

I checked the link. I see what you mean. I don't know how the owner and I never caught it till now.
As always Vince, You Are The Man. I'm Grateful to have your help...

What would cause the black navigation image to be visible on the page in the editor but not show online?

Only backup I have is 03/12/2024


Yours Truly,
Paul P.
Longtime ECT Customer

Hi Paul
I had a look at the version that is working from December and the version that is not working and I'm afraid there doesn't seem to be a simple solution to this. I think it's the actual content of the body of the page that is making things fall out of place, and it seems to be changes where content was removed to do with a "Blue Mass" and it's hard to say exactly what as it's a big chunk of HTML. To tell the honest truth I really think the website could do with a bit of a rewrite but hopefully that will point you in the right direction.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

I rebuilt the index page again and got the links navigation image visible and working.
However, I'm having a problem with the bottom of the page displaying properly. I can't seem to find out why there is a big gap between the Photo Album, Video Library and the Police Work table. When I try to remove the code that I think will remove the gap, and resize and move over the police work table the navigation image disappears again.

Also, the text in the Photo Album and Video Library "prod" cells drops down out of the cells into the police work table when looking at it through a cell phone. See page links. I would like it to look and work like the bottom of the old index page.

New index page with the problem at the end of the page. https://www.chicagopcm.org/index.php

Old index page that shows how the bottom should look. https://www.chicagopcm.org/index-X.php

Once I get the new index page looking and working correctly, I still have to get the navigation drop down to work in cell phone view.


Yours Truly,
Paul P.
Longtime ECT Customer

Hi, the big gap is coming from three empty <p></p> paragraph tags in your code.
Paragraphs tags by default will have that height added unless you alter it with css, but really you should just remove them.
See image below where I have highlighted your code in yellow.


You might benefit from running your pages through a validator to see if you have html errors that are also impacting your layout.
There are plenty of them, but this one should be a good one https://validator.w3.org/


Thanks,
David

Thanks dbdave,
I removed the <p> tags and the table came up.

Any ideas on how to bring up the text in the Photo Album and Video Library "prod" cells they drop down out of the cells into the police work table when looking at it through a cell phone.

Yours Truly,
Paul P.
Longtime ECT Customer

Hi, it's not a quick styling adjustment it seems.
I think first, (see screen captures below) you should address some issues with the coding.
I use Firefox and when you right-click on the page, you can "view source" and firefox will show you html errors highlighted such as these two below.
If you hover over them, it will tell you what's wrong.
Remember, all html tags (with a few exemptions that self close) will have an opening tag example,(div) and closing example (/div) tag.
https://www.w3schools.com/html/html_intro.asp


With all of these "auto-styles" I see you are, or have used, an html editor that is adding these classes and making a mess of things in some cases.
It's always better to give your classes a meaningful name and style them as you like, but I understand the simplicity of using your html editor.





See if you can resolve these issue and check the page. If the problem persists, let us know.
Thanks,
David