Home > Responsive Design - Details

Responsive <Details> Menu

March 16, 2023

Ah, the sweet smell of (mostly) success. The major steps were to alter the basic style menu by adding a dmenu class and making several adjustments to the mobile first menu and adding adjusted dmenu class attributes to the wide screen menu style.

The basic structure of the responsive <ul> style did not change. Adding references to the dmenu class instead of he "menu" class used for the unordered list was important, but no changes were needed for the menu.js file itself.

The spacing of elements was the most complex issue since spacing has been defined in more than one style component. More and About still need to be separated, somehow, in the mobile block menu.