Created on 1 August 2025, 2 days ago

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?

💬 Support request
Status

Active

Version

1.0

Component

Documentation

Created by

🇮🇹Italy bigtomfelix

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @bigtomfelix
  • 🇺🇸United States flashwebcenter Austin TX

    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;
    }

    Best wishes,
    Alaa

  • 🇮🇹Italy bigtomfelix

    Sei una persona eccezionale!

  • 🇺🇸United States flashwebcenter Austin TX

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

    Best wishes,
    Alaa

Production build 0.71.5 2024