Good morning Alaa,
I've been using this wonderful theme in almost all the projects I've developed for private clients, and I must say it's always perfect. Now I'm facing a new challenge, related to using this theme for government websites. Current regulations require an additional region at the top, a sort of leader-board divided into two parts (left and right), where on one side there must be a link to the higher-level organization and on the right the user (citizen) access menu. Since the site is structured into macro regions, I'm having some difficulty implementing this solution, especially considering the need to comply with WCGA 2 parameters. Do you have any solutions?

CommentFileSizeAuthor
#2 two-menus.png68.77 KBflashwebcenter

Comments

bigtomfelix created an issue. See original summary.

flashwebcenter’s picture

flashwebcenter
he/him
Primary language English
Location Austin TX
commented
StatusFileSize
new two-menus.png68.77 KB

Good morning,

Thank you for your kind words, I truly appreciate your support and I'm glad to hear the theme has been a reliable foundation for your projects.

Regarding your new requirement for government websites: yes, you can absolutely implement the top "leaderboard-style" layout using the existing highlighted region, without creating a new region, and still meet WCAG 2.1 accessibility requirements.

Suggested Approach Using the highlighted Region

  1. Create two separate menus in Drupal.
  2. Place each menu block into the Highlighted region.
  3. Apply the following CSS to split them visually:
#highlighted {
  --r-bg: #ccc;
}

#highlighted-inner {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

#highlighted-inner nav {
  display: flex;
  width: auto;
}

#highlighted-inner nav:first-child ul {
  justify-content: start;
}

#highlighted-inner nav:nth-child(2) ul {
  justify-content: end;
}

#highlighted-inner ul li a {
  font-size: 14px;
  padding: 2px 12px;
}

Two menus

Best wishes,
Alaa

bigtomfelix’s picture

bigtomfelix commented

Sei una persona eccezionale!
When you have time and desire...always regarding government issues...I had opened a proposal here...
https://www.drupal.org/project/vvja/issues/3538771

flashwebcenter’s picture

flashwebcenter
he/him
Primary language English
Location Austin TX
commented
Status: Active » Fixed

Thank you so much! Your words mean a lot to me and I will have https://www.drupal.org/project/vvja/issues/3538771 on my to do list.

Best wishes,
Alaa

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

bigtomfelix’s picture

bigtomfelix commented

Good morning Alaa,
This CSS does not work with the new update to version 1.0.32!