What's new

Welcome to the forum 👋, Visitor

To access the forum content and all our services, you must register or log in to the forum. Becoming a member of the forum is completely free.

Mobile Friendly Index.html

jgnordby

New member
Joined
Jan 4, 2022
Messages
1
Reaction score
0
HTML Coins
0
I have a training website that is going under a MAJOR revision. But, before I get to the content meat, I want to make some changes to make it more mobile friendly, Specifically, I am working on a new top menu that when you compress the screen, It will only have the home button and all of the rest of the menu buttons will be put in a pull down menu.
The menu is based on something I found at https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_topnav.
I have the menu collapse working, but I want to add the company name and logo just under the top menu. I just can't seem to get it working right. I want the company name centered under the top menu and have the company logo be displayed just to the right of the last button.
I have attached a .jpg of what I want it to look like, the html file, the css file and the javascript file

As a note. I am a competent programmer with a masters degree in Software Engineering. However it is at least 10 years since I have worked on website development. I seem to have forgotten more things than I remember and there have been a lot of changes in .html, .css, and javascript.

Please help
Jerry

p.s. After posting this, I noticed that my zip file was not attached tried it twice to no avail. I then went back and attached each individual file, but that did not seem to work either. What am I doing wrong
 
Last edited:

Theme customization system

You can customize some areas of the forum theme from this menu.

  • Wide/Narrow view

    You can control a structure that you can use to use your theme wide or narrow.

    Grid view forum list

    You can control the layout of the forum list in a grid or ordinary listing style structure.

    Picture grid mode

    You can control the structure where you can open/close images in the grid forum list.

    Close sidebar

    You can get rid of the crowded view in the forum by closing the sidebar.

    Fixed sidebar

    You can make it more useful and easier to access by pinning the sidebar.

    Close radius

    You can use the radius at the corners of the blocks according to your taste by closing/opening it.

  • Choose the color combination that reflects your taste
    Background images
    Color gradient backgrounds
Back