I could not scroll through the navigation links
I have completed Technical Documentation Page. However, I noticed that i could not scroll through the navigation nested in “aside tag”. It is a flaw when viewed on mobile phone except one chooses to make its visibility hidden.
However, this is not ideal. Could someone show me how I could scroll through it. My code link is pasted below.
Thanks in advance.
I watched your project. For me according to the size of your navbar elements, it is normal to not have the possibility to scroll. You can check the overflow property and also use media queries for the different screen size to plan another visual for your elements.
@LucLH, Unfortunately I did not get the desired result and do not know why.
I edited the original copy and got this new link to avoid messing up the submitted link.
Please see my code using this link: https://codepen.io/Chiadika/pen/MWEMxWV
Thanks so much. My problem started with styling what never existed - I did not use list tags on my nav section. I only used anchor elements. When I resolved that, your input helped me sort out the rest.
While overflow was on “navbar ul”, it scrolls fully on lesser width values(mobiles) but not fully on larger screen (laptops…).
Now it was moved to the parent container, it worked perfectly on Microsoft Edge but not on Chrome browser. I added margin-bottom to “navbar ul” to push it up. I now understand why one needs to test on multiple browsers.
What I also noticed now is that on smaller screens I see two scroll bars, one for each section.
Thank you so much for your time.
No problem @lcim, happy that you arrived to figure out your issues. You really have the good spirit and a good method.
The browser tests are really important because some CSS properties work well on some browsers but maybe not on others. There is a website that allows you to check each CSS property and check their compatibility with the browsers. Maybe you already know it but just in case I give you the link: https://caniuse.com/
