Hi Ceford,
thanks so much for the post. I've got the validator down to trailing slash on void elements and one <style> tag error that I'm still looking into.
I think what's happened is I may have coded something wrong.
I was having a problem of 2 menus showing 2 different hamburgers for each menu when collapsed, it's this topic from last year: viewtopic.php?f=815&t=1002350
Pavel-WW's advice given was at the very end and it worked just fine, although at this point, I can't remember if I looked at in safari or not.
So perhaps I indeed, got something wrong with my collapse code?
here it is what I added or adjusted in the index page:
What I do know, is I suddenly had the hamburger menu showing all the time, I made a style to hide it (just took that off so you can see it as is), and then show when collapsed.
Also sudden, is safari is now not showing the main content in columns.
Thoughts as to where my rookie coding skills have failed me?
Thanks again,
Mark
thanks so much for the post. I've got the validator down to trailing slash on void elements and one <style> tag error that I'm still looking into.
I think what's happened is I may have coded something wrong.
I was having a problem of 2 menus showing 2 different hamburgers for each menu when collapsed, it's this topic from last year: viewtopic.php?f=815&t=1002350
Pavel-WW's advice given was at the very end and it worked just fine, although at this point, I can't remember if I looked at in safari or not.
So perhaps I indeed, got something wrong with my collapse code?
here it is what I added or adjusted in the index page:
Code:
<?php if ($this->countModules('menu', true) || $this->countModules('search', true)) : ?> <div class="grid-child container-nav"> <div> <div class="logo-Pos"> <?php if ($this->countModules('logo', true)) : ?> <jdoc:include type="modules" name="logo" style="none" /> <?php endif; ?></div> <div class="navbar-toggler-pos"><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#myNavbar" aria-controls="myNavbar" aria-expanded="false" aria-label="Toggle navigation"> <span><i class="fa fa-bars fa-lg hamSpaceMobile" aria-hidden="true"></i></span> </button></div></div> <nav class="navbar navbar-expand-lg"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="myNavbar"> <?php if ($this->countModules('menu', true)) : ?> <jdoc:include type="modules" name="menu" style="none" /> <?php endif; ?> </div> </div> </nav> <?php if ($this->countModules('search', true)) : ?> <div class="container-search"> <jdoc:include type="modules" name="search" style="none" /> </div> <?php endif; ?> </div> <?php endif; ?>What I do know, is I suddenly had the hamburger menu showing all the time, I made a style to hide it (just took that off so you can see it as is), and then show when collapsed.
Also sudden, is safari is now not showing the main content in columns.
Thoughts as to where my rookie coding skills have failed me?
Thanks again,
Mark
I have Safari but I rarely use it. The site seems to work properly on Firefox but Safari gives the problem described. Here is a screenshot:
safari-test.png
validator.w3.org reports css errors in the style blocks. Maybe fix them and see what happends.
Statistics: Posted by mahaha — Fri Jan 19, 2024 9:38 pm