🇺🇸United States @flashwebcenter

Hello,

Thank you for bringing this issue to my attention. I’ve updated the development version → , and it is now functioning properly. You can go ahead and use it.

When you visit your-site-dot-com/forum, you should be able to see all the forms.

Best regards,
Alaa

Hello,

While I can't change the global settings for the img HTML tag directly, you can reset the CSS for the img element, removing the vertical-align: middle;, you can simply override it by setting vertical-align to its default value. The default value for vertical-align is baseline. Here's how you can reset it:

img {
  vertical-align: baseline;
}

Best wishes,
Alaa

Thank you! I’m really glad you see the value in this work for both the community and the "Solo" ecosystem. My main goal with these contrib modules—whether it's the slideshow, accordion, tabs, or others—is to enhance Drupal’s capabilities and make these tools accessible for everyone to benefit from. Your feedback is greatly appreciated!

Hello,

I have updated the skip links and tested them using Mac Narrator, and everything is functioning as expected on the demo site.

As for the menu navigation, there is a special script for keyboard compatibility that you can enable in the primary menu region. Is this what you were referring to?

Best regards,
Alaa

Happy to help!

Hello,
On load the first item has the class active and it is focused tabindex 0, https://unitedstarsofamerica.com/vanilla-views/views-vanilla-javascript-....
It is on the module's homepage under Tabs - Developer & Site Builder Tips.

Best wishes,
Alaa

You are welcome!

Hello,
The Paragraphs Bundles module includes several custom pre-configured bundles, such as Accordion and Slideshow. The Paragraphs Bundles Import module allows you to import content into these pre-configured bundles. It has no connection with the Quiz module.

Best wishes,
Alaa

Hello,
You can use the same one you used on the top, just add .view-eventi.

Insert this after the original:

#page-wrapper .view.view-eventi table tr td,
#page-wrapper .view.view-eventi table tr th {
  	text-align: right;
}

Or

.view-eventi table tr td,
.view-eventi table tr th {
  	text-align: right !important;
}

Best wishes,
Alaa

Module Limitation Notice: Grouping Field Feature

Please note that the current version of this module does not support the "Grouping Field" feature available in Drupal Views. The "Grouping Field" option allows you to group records by a specified field, but this functionality is not compatible with the module's current implementation.

We recommend avoiding the use of this feature with this module to ensure proper functionality and display of your Views.

Best wishes,
Alaa

Hello,

Thank you for your thoughtful feedback. I understand how crucial accessibility is, especially for a website designed for blind users. Your suggestion to include dedicated accessibility options in the Solo Theme is highly valuable, as it contributes to enhancing the theme for all users.

I have added three additional skip links (Header, Main Navigation, and Footer Menu), increasing the total number of skip links to four. There is now a checkbox in each region that allows you to enable or disable these links. This feature is currently available on the demo and in the development version → .

I am committed to adding any features that enhance your experience on the site. If you have any further suggestions for accessibility improvements that could make the theme more user-friendly, please don't hesitate to share them.

I appreciate your kind words and am glad the theme meets your needs. Your feedback is invaluable in helping us continually improve, and I thank you for your ongoing support.

Best wishes!
Alaa

Hello,
Thank you so much! I'm glad to hear that the Views Vanilla JavaScript Suite modules have been helpful for you.

You can accomplish this task using just Views, without needing any additional modules. The instructions below have been updated on the module's home page for your convenience.

How to Configure Multiple Fields as the Button or Front Card in Views Display

My contrib modules for Drupal Views Plugin Display, such as Accordion, Tabs, Reveal, and 3D Cards, allow for dynamic content display based on the first field in your view. By default, the first field selected in the view configuration is used as the button or front card. However, if you wish to utilize more than one field as the "first field" for the button or front card, follow these steps:

Step-by-Step Instructions:

1. Add Desired Fields: In your Views configuration, add all the fields you want to use as the button or front card.
2. Exclude from Display: For each of these fields, mark them as "Exclude from display". This ensures that these fields are available for use but are not directly shown in the final output.
3. Create a Custom Global Field:
   • Add a Custom Global Field (Text) to your view.
   • Use the Replacement Patterns feature to insert tokens for the fields you've excluded from the display. This allows you to combine multiple fields into one single output.

Field Ordering Guidance:

• Arrange the fields in your view so that the hidden fields (the ones excluded from display) come first.
• Follow the hidden fields with the custom global field that will act as the button or front card.
• After these fields, add any remaining fields that will make up the rest of your content.

By following these steps and arranging your fields in this order, you can use multiple fields as the first field for your button or front card, offering greater flexibility and customization in your Drupal Views displays.

**Note: I have updated the live demo with these settings for all cards. Additionally, I created a view → that you can import and use as an example.

When you click on Custom Text Global Field:

Best wishes,
Alaa

Hello,

Thank you! I'm glad you find the module promising. I’m not familiar with the specific issue with the Quiz module, but currently, you can import content to create three different types of paragraph bundles (Accordion, Tabs, and Slideshow). Hopefully, this helps with your needs!

Best wishes,
Alaa

Hello,
Thank you, I updated the twig in this copy → .

Best wishes,
Alaa

Hello,
The feature was developed and pushed to live in the last release for Solo and Solo Utilities. Here is the demo for it https://www.youtube.com/watch?v=jpXvWA160SA

Best wisehs,
Alaa

Hello,

I just realized that I don't have documentation on how to add regions to the Solo theme, so I wanted to create an example for future reference. I've created a sub-theme ( Hero → ) with four regions: Hero Top, Content Top, Hero Bottom, and Content Bottom. The Hero Top and Hero Bottom regions are outside the main containers and will follow the global website width. The Content Top and Content Bottom regions are inside the main wrapper, in this order: Content Top, Content, and Content Bottom. You can use this sub-theme for your project or create another sub-theme based on it.

Best wishes,
Alaa

Hello,

Thank you for your suggestion. I understand the desire for these additional regions, such as "Hero Top," "Content Above," "Content Below," and "Hero Bottom." However, adding these regions would require extensive changes throughout the theme. This includes updating multiple features, CSS classes, Twig templates, Documents, and JavaScript, as well as modifying many of the theme's core functions to incorporate these new features.

Given the amount of work involved, I, unfortunately, don't have the time to accommodate this request at the moment.

I appreciate your understanding, and please feel free to reach out if there's anything else I can assist with.

Best wishes,
Alaa

Hello,

First: How would make it so that the target of the top level entries (plus their adjacent drop down arrow) in the primary menu are made into a single clickable (or hover-able) "unit" that just toggles the drop down menu, rather than having having the top menu entries be links that go to corresponding nodes?

The menu in Solo is simple to use. If you add an internal or external link, it will be clickable. To create a dropdown menu, edit the link, expand the display settings, and check "Show as expanded." If you don't want the link to direct to an internal or external page, replace the link with "#".

To disable the button animation, navigate to admin/appearance/settings/solo. Under Page Wrapper, expand the section and add the CSS class as shown in the screenshot.

Best wishes,
Alaa

You're very welcome! I'm glad to hear the dev build is working well for you. If you need anything else, don't hesitate to ask!

Hello,

I corrected the typo in version 1.0.10, but the variable did not change. If you have customized this setting on your site, you'll need to revisit the theme settings, reselect this option, and then click 'Save' and 'Import'. That's it.

Whenever I update the theme, I usually review the page settings to ensure nothing has changed, then click 'Save' and 'Import' the configuration again. After that, I check the theme.settings file to see what has been modified.

You're welcome! Thank you for the kind words—I'm glad you like the theme! If you have any more feedback or questions, feel free to reach out.

Best wishes,
Alaa

Hello,

I've updated the "Main Containers" section, replacing the checkbox with a select list. Now, you can choose from these layout options: left-main-right, main-left-right, main-right-left, left-right-main, or right-left-main.

The new feature was pushed to dev → feel free to use it.

Best wishes,
Alaa

Hello,
I’ve set up something similar on the demo site. When you visit any of the color schemes, I’m using a default theme as a solo sub-theme and loading the library from the URL. I'll need to figure out how to make it available to the public.

https://unitedstarsofamerica.com/bold-and-dramatic-colors/solo-flaming-s...

Best wishes,
Alaa

Hello,

A new feature in the global site "Website Region's Spaces" that allows you to disable all gaps and padding across all regions, except for menu regions.

Best wishes,
Alaa

You’re welcome; I’m glad it worked out.

No problem, and happy holidays!

I looked into the link and found that the default style for the image/media field had a left float. This style should only apply to images or media outside of any text fields. I've updated the CSS to ensure that this styling now only applies when these fields are direct children of the node content.

The work was pushed to the W3CSS Theme Dev → .

Best wishes,
Alaa

Hello,

*"First: in documentation for PB Import Para it says the content type is: PB Import Node. Is that accurate or just a copy/paste that didn't get changed?" Please send me the link, I think it is typo.

*For nodes or paragraphs, it depends on what you want to achieve with your slideshow. If you want each picture to have its own dedicated page with a unique URL and title, where users can find more details, leave comments, and interact with the content, then nodes are the better option.

When I created this module, I intended it to be versatile, not just for slideshows but also for various types of content like blogs, articles, stories, and more. For example, if you're creating a blog and have content to share, using nodes makes sense because they allow for richer content management. That's why, when working with nodes, you have two required fields: a Title and either an Image or Body text.

*For the duplicate files, the FileRegistrar class is specifically designed to register files in the Drupal system without duplicating or cloning them. It ensures that each file is only registered once and skips files that are already registered, thereby preventing duplication. If a file entity is found but the actual file is missing from the directory, the class logs a warning, but it does not create a duplicate or clone the file.

I recommend debugging your site to identify what might be causing this behavior. Here are some steps you can take:

1. Check the Logs: Review the Drupal logs to see if there are any warnings or errors related to file registration. Look for messages indicating that files were "already exists" or "registered," which will help you confirm whether the FileRegistrar is behaving as expected.
2. Verify File Entities: Manually inspect the file entities in the Drupal admin interface to ensure that there aren't multiple entries for the same file. This will help you determine if the duplication is happening elsewhere in the system.
3. Custom Modules or Hooks: If you have custom modules or hooks that interact with file uploads or registrations, review their code to see if they might be inadvertently creating duplicates.
4. Test with a Clean Setup: Try replicating the issue in a clean Drupal environment with only the FileRegistrar module enabled. This can help you isolate the problem and determine if the duplication is specific to your current setup.

Best wishes,
Alaa

Hello,

To improve the styling and layout of the user profile page, I added a unique CSS class to this page. This ensures that styles specific to user profiles do not unintentionally affect other user-related pages such as login, registration, and password reset. By isolating the CSS for user profiles, we can maintain a clean, organized, and conflict-free design across all user interfaces, enhancing the overall user experience.

Best wishes,
Alaa

Hello,

I have aligned the login button to match the top of the logo on purpose. If you have a larger header, I recommend keeping the button aligned to the top rather than centering it. However, preferences can vary from user to user, and if you prefer the button centered, it’s easy to adjusted.

Best wishes,
Alaa

Hello,

Have you tested the update with all the features implemented in the header?

flashwebcenter → made their first commit to this issue’s fork.

flashwebcenter → made their first commit to this issue’s fork.

Hello,

The module has been released, and all the videos have been created and published

Best wishes,
Alaa

Hello,

Thank you for the explanation. I will have to think about something to help with padding. One solution to work around "Overriding it in style.css caused CLS because the base CSS was loaded first" is to override it in the sub-theme and ensure the CSS in the sub-theme comes before SOLO.

The provided YAML configuration is for a Drupal sub-theme named "solo-subtheme-global." This configuration specifies how CSS and JavaScript files should be loaded for the sub-theme.

solo-subtheme-global:
  Version: VERSION
  css:
    base:
      css/solo-subtheme-style.css: { weight: -400 }
  js:
    js/solo-subtheme-script.js: {}

You can also define CSS classes in the sub-theme and then add these classes in the region settings in the CSS classes field. This is the same way I disabled the button animation.

By using this configuration, you ensure that the custom CSS in solo-subtheme-style.css is loaded before the base CSS of the parent theme, thereby preventing CLS issues. This method allows for better control and customization of the theme's styling without causing layout shifts during page load.

Best wishes,
Alaa

Hello,

The code in comment 11 applies only to the main menu. The code in comment 15 represents the global settings for all menus. If you want to target a specific menu, use the region ID or menu ID as shown in comment 11. To override the global settings for any menu on the site, attach an ID to the global settings so that the new CSS will override the existing global CSS.

#page-wrapper .solo-inner .navigation__menubar:not(.navigation__megamenu) li.nav__menu-item>a,
#page-wrapper .solo-inner .navigation__menubar:not(.navigation__megamenu) li.nav__menu-item>button {
  padding: var(--solo-px32);
}

Best wishes,
Alaa

Hello,

Thank you for your feedback. I will need more details about each feature. Maybe a video or detailed examples.

Best wishes,
Alaa

Hello,

You have these classes in theme settings under page wrapper you can use.
Here are the predefined CSS classes you can use:
- dis-box-shadow: Removes the shadow effect from elements, creating a flat appearance.
- dis-border: Eliminates borders from elements, which can be useful for a minimalist design.
- dis-border-radius: Sets the border-radius to 0, removing rounded corners for a sharp-edged look.
- dis-margin: Resets margins to 0, helping elements to align tightly without external spacing.
- dis-padding: Resets padding to 0, ensuring elements have no internal spacing.
- image-auto: Sets images within links to display at their original size.
- dis-text-transform: Prevents text transformations, maintaining the original text case and style.
- dis-anim-link: Disables bottom border hover animations on menu links.
- dis-anim-submit: Stops the wiggle animations on the submit button.

Best wishes,
Alaa

Hello,

The file ../solo/css/components/solo-menu.css has the global settings for all menus line 74.

.solo-inner .navigation__menubar:not(.navigation__megamenu) li.nav__menu-item>a,
.solo-inner .navigation__menubar:not(.navigation__megamenu) li.nav__menu-item>button {
  padding: var(--solo-px12);
}

Best wishes,
Alaa

Hello Theo,

Thank you for your keen observation! I installed the module locally and got the same results. Your direction was spot on.

Best wishes,
Alaa

Hello,

I've noticed a difference between the two menus in the Olivero theme. In my screenshot, the

element has three classes: menu--sidebar, menu, and menu--level-1. However, on your site, the
element only has two classes: menu and menu--level-1.




I'm not sure if you placed the menu in the sidebar region or the content region, but if it is in the sidebar region in Olivero, something on your site might be affecting the menu hook suggestions.

Best wishes,
Alaa

Thank you!

flashwebcenter → made their first commit to this issue’s fork.

Update description

Update related

Update related

Update related

Update related

Update description

Hello,

There is something on the site (https://prova.gmpe.it/biologia/trascrizione) preventing the menu from getting the correct theme suggestions. To troubleshoot this, follow these steps:

1- Enable Twig Debug: This will help you see which theme suggestions are being used.

2- Update Solo: Ensure you have the latest development version of the Solo theme.

3- Disable Themes: Completely disable both the Solo theme and your sub-theme. Set Olivero as the default theme.

4- Enable Solo Theme: Go to Structure > Block Layout and insert the menu biologia.

Inspect the Left Sidebar: You should see the following file name suggestions (refer to the screenshot for the demo site):

<!-- FILE NAME SUGGESTIONS:
   ▪️ menu--biologia.html.twig
   ✅ menu--sidebar-first.html.twig
   ▪️ menu.html.twig
-->

5- If you don't see this, either you didn't clear caches or you don't have the latest development version of Solo.

6- If you see the correct debug message, then delete any twig templates inside the sub-theme and Install your sub-theme again and inspect the left sidebar. If the suggestions disappear, check gmpe.theme to ensure there are no overrides to the hook suggestions.

Further Investigation: If you still don’t see the previous debug message, something else on the site might be affecting the menu hook suggestions.

Best wishes,
Alaa

Hello,

Thank you for your kind words. Please use this code:

@media (min-width: 800px) {
  .path-gastenboek #page-wrapper>.solo-outer>.solo-inner:not(.primary-sidebar-menu-inner,
  .page-node-type-pb-content .main-container-inner) {
    max-width: 800px;
  }
}

If you use this code and it still doesn't work, here are a few things to check:

1. Ensure CSS is Loading: Confirm that your CSS file in the subtheme is being properly loaded. You can do this by checking the page source or using the browser's developer tools.
2. CSS Specificity: Make sure your CSS selectors are specific enough to override any existing styles. For instance, try using a more specific selector:
   

   .path-gastenboek {
       width: 600px!important;
   }

3. Check Subtheme Configuration: Ensure your subtheme is set up correctly and the CSS changes are being applied. Sometimes, issues can arise if the subtheme isn't configured properly.
4. Browser Cache: Besides clearing Drupal caches, try clearing your browser's cache or using an incognito window to ensure you're seeing the latest changes.
5. Inspect Elements: Use your browser’s developer tools to inspect the element and see if your CSS is being applied or overridden by other styles.

Best wishes,
Alaa

Hello,

If Twig debug is not active on this site, I won't be able to understand what is happening on it.

Best wishes,
Alaa

Hello,

I am developing a new module " Paragraphs Bundles Import → " that will help you create accordions, slideshows and tabs using original images. It's currently in progress, but once it's complete, I'll provide a video tutorial on how to use it.

Best wishes,
Alaa

Hello,

To change the width of a specific page or all content within a content type programmatically, follow these steps:

Identify Classes in the Body Tag

The body tag contains useful classes:

• A class for the content type.
• A class for the node ID.

Change Width for a Specific Node

1. Inspect the Page: Inspect the page to find the node ID class in the body tag.
2. Use the CSS Below:

	
.path-node-123 #page-wrapper>.solo-outer>.solo-inner:not(.primary-sidebar-menu-inner,
.page-node-type-pb-content .main-container-inner) {
  max-width: 1024px;
}

Replace 123 with the specific node ID.

Change Width for All Content in a Content Type

1. Inspect the Page: Inspect the page to find the content type class in the body tag.
2. Use the CSS Below:

	
.page-node-type-article #page-wrapper>.solo-outer>.solo-inner:not(.primary-sidebar-menu-inner,
.page-node-type-pb-content .main-container-inner) {
  max-width: 1024px;
}

Replace article with the specific content type.

Adding CSS

You can add the CSS either:

1. In the theme settings under CSS injection.
2. To a sub-theme if you have one.

Change Width from Theme Settings

1. Enable the Feature: I have added a new feature to the theme settings in Dev.
2. Set Width for Each Content Type: After enabling the feature, you can set the width for each content type.
3. Set Width for Each Node: After enabling the feature, a field will be added to each node. You can set the width for the page when you edit it.

Best wishes,
Alaa

You are welcome!

Hello,

Thank you for the feedback. I have created a page on Drupal.org for colors: Instructions for Developers on Using Colors in Solo Theme → .

https://www.youtube.com/watch?v=8aP3FEzZZas

I also updated the examples in the Solo sub-theme as follows:

#page-wrapper {
  background-color: var(--r-bg);
  color: var(--r-tx);
  border-color: var(--r-br);
}

h1, h2, h3 {
  color: var(--r-h1);
}

a:not(li.nav__menu-item a) {
  color: var(--r-lk);
  color: var(--r-lk-h);
}

input:not(.button) {
  background-color: var(--r-bg-fr);
}

li.nav__menu-item a {
  color: var(--r-tx-lk);
  background-color: var(--r-bg-lk);
}

li.nav__menu-item a:hover {
  color: var(--r-tx-lk-h);
  background-color: var(--r-bg-lk-h);
}

button:not(li.nav__menu-item button) {
  color: var(--r-tx-bt);
  background-color: var(--r-bg-bt);
}

button:not(li.nav__menu-item button):hover {
  color: var(--r-tx-bt-h);
  background-color: var(--r-bg-bt-h);
}

Best wishes,
Alaa

Hello,

I need to display blocks on the start page of the site that contain part of the existing menu (i.e., not the entire menu branch)

You cannot display part of the menu; you can only display the entire menu as a rendered block on any page, as long as the block is active.

Best wishes,
Alaa

Hello,

Please download the latest Dev version and use the icon name instead of the icon label. In the 3.PNG file, copy the icon name from the bottom right side of the same page. The value is (add_circle)

https://unitedstarsofamerica.com/content-integration/paragraph-bundle-ic...

Best wishes,
Alaa

Hello,

For a 3D carousel to function correctly and display all items, it is recommended to use a minimum of three items. The 3D effect relies on multiple elements rotating around a central axis. With only two items, the rotation does not produce the intended effect, leading to visual and functional issues where only the last item is displayed. To resolve this, ensure that at least three items are added to the 3D carousel. This will maintain the integrity of the 3D effect and ensure that all items are properly visible.

Best wishes,
Alaa

Hello,

The slideshow_bundle contains a paragraph field named pb_content_slideshow_section. Within pb_content_slideshow_section, you can enter the slideshow_section_bundle, which includes a paragraph field named pb_content_slideshow_body. In pb_content_slideshow_body, you can enter the image bundle which it has the media field.

Each section represents a slide, and each slide can include multiple types of content. For example, a slide can have an image with a description at the bottom. Hopefully, that will be helpful to you.

Best wishes,
Alaa

flashwebcenter → created an issue.

I created a more detailed page about this topic here

Best wishes,
Alaa

You're welcome! I'm glad to hear that everything is perfect now. Thank you for your kind words about the theme.
Best wishes,
Alaa

Hello,

The layout bundles (one column, two columns, and three columns) are designed to accommodate any paragraph bundle within them. However, the card layouts (two and three columns) come with their own specific text and image bundles, as they have custom CSS. Here's an example done using the card bundle. If you're familiar with paragraphs, you can achieve similar results using the two-column, hero, and simple.

Best wishes,
Alaa

Hello,

There is a contributed module, Menu Reference Render → , that allows you to reference a menu. To use it, create an entity reference field and, under manage display, change the format to "Rendered menu."

However, there is an alternative method. When you insert ../admin/structure/block in any region (views, menu, search, etc.), Drupal converts it to a block, making it available for this theme anywhere.

In paragraph bundles, there is a bundle named "Drupal Block." To insert a menu using this method, you can add the menu to any region, configure it, and then add a "Drupal Block" paragraph type in the content type, referencing the menu.
I have implemented this on the demo site. The menu on this page is the same as the one on the right side.

Best wishes,
Alaa

Thank you for your feedback, and your input is very welcome. The new text has been updated and pushed to dev. I inspected all the invisible text and ensured it has enough description. Live Demo

Best wishes,
Alaa

Hello,

In Solo Twig, certain styles depend on specific classes. If the twig template isn't using these classes, some styles won't be applied. For example, in the case of the dropdown, I added the select tag alongside the .solo-select class to ensure the dropdown is properly styled.
The update was pushed to the development version.

Best wishes,
Alaa

Hello,

It appears there might be a CSS conflict that is overriding the default settings if your site is not behaving like the demo site. Without a URL, I am unable to inspect the page and identify the conflict. If you cannot provide a URL, I recommend comparing your site to the demo site and following the differences to pinpoint the issue.

Best regards,
Alaa

No worries at all! I'm glad to hear the theme is working fine. Thanks for the update!

Hello,

I noticed that this page (https://prova.gmpe.it/biologia/trascrizione) uses two different menu Twig templates: the left side uses the default template, while the right side uses the correct one.

Since you don't use Composer, ensure that the sub-theme doesn't include any menu Twig templates for the side menus. When updating the Solo theme, delete the old version, then download and upload the new one. Be sure to clear the caches and consider hard-refreshing your browser cache.

Best wishes,
Alaa

You're welcome! I'm glad everything worked out.

Hello,

Please ensure that you clear your caches and verify the presence of ../d8w3css/css/components/embedded-media.css. I have tested the functionality, and it is working on the demo site https://amun.flashwebcenter.com/page/introducing-solo-third-generation-w....





Best wishes,
Alaa

Thank you for bringing this topic to my attention. The media module was not implemented in the theme yet. I have added a new Twig template for embedding media content within text fields. This new template ensures that your media content is styled beautifully and consistently when inserted into text areas.

The work was pushed to the W3CSS Theme → .

Best wishes,
Alaa

Hello,

I recommend completely disabling the theme and then re-enabling it. There might be a conflict causing the issue. I tested the latest development version, and it is working fine. here is the video → .

I have a video that covers the main container and its options: https://www.youtube.com/watch?v=nI764EAKxR8&list=PLZVSLeSmRrd1nqYAFOyalL...

Best wishes,
Alaa

No, don't delete gmpe-script.js. This file is essential for keeping the side menu open. Instead, we should delete any Twig templates associated with menus on the left or right side. The error you're encountering is likely because the caches haven't been cleared.

Remember, any changes to Twig templates must be followed by clearing the caches. On the demo site, I'm using Solo as the default theme, and I don't have any custom Twig templates for the side menus.

Best wishes,
Alaa

Hello,

For any menu you create in Drupal, a menu name is attached to the UL element.
To find the machine name for a menu, log in as an admin and navigate to your-site.com/admin/structure/menu. This page lists all the menus in the system. Click "edit" on the menu you need, and you will see the machine name displayed to the right of the title field (e.g., "Machine name: your-menu-name"). Copy this machine name and prepend it with "navigation__menubar-" so your full menu name will be "navigation__menubar-your-menu-name".

#page-wrapper ul.navigation__menubar-your-menu-name {
  display: grid;
  grid-template-columns: 1fr;
}

Best wishes,
Alaa

Update title

Update description

The side menus on the demo site have been updated: https://unitedstarsofamerica.com/solo-settings →

Hello,

It works for this page, but I can't use display:block because it's not good for all other pages.

You should be able to inspect the page and apply CSS to a specific page. By default, Drupal adds a class name to the body tag that includes the content type and the node ID.
Ex: https://prova.gmpe.it/astronomia/nebulose

.path-node-1683 #page-wrapper .sidebar-box-main q {
    line-height: 22px;
    display: block;
}

Best wishes,
Alaa

Hello,

I thoroughly debugged all the menus and applied this feature (click any where to close sub menus) to the horizontal main menu, the sidebar main menu, and the responsive horizontal menu. Additionally, I added padding to the fourth-level items in the side menu. I also updated all left/right side menus to use the default template (menu--primary-sidebar-menu-template-click.html.twig), so any menu inserted in the left/right side will be vertical by default, eliminating the need to create custom templates. All the updates have been pushed to the development version → .

Best wishes,
Alaa

Hello,
You can use insert this code in the sub-theme or in css injections under theme settings.

.imce-item {display:block!important;}

Best wishes,
Alaa

Hello,

The question was answered here: https://www.drupal.org/project/solo/issues/3439615 ✨ Enhancing Solo Theme: Integrating Fourth-Level Into Primary Menu Closed: works as designed .
The menu is built to close when you close anywhere.

Hello,

I'm not sure what's in the screenshot solo-2.PNG. As for solo-1.PNG, it appears to be a menu. If it is indeed a menu, it seems to be using the default menu template. To modify it to resemble the olivo-1.PNG, you can use the following method

#page-wrapper .you-should-get-your-menu-name-here {
  display: grid;
  grid-template-columns: 1fr;
}

Best wishes,
Alaa

Hello,

You don't have to use media images inside the slideshow. You can create a paragraph bundle with an image that will use the default image. I made a video on this topic. Additionally, I want to mention another useful bundle: the lightbox image grid. I hope this is helpful.

Best wishes,
Alaa

Hello,

I have updated the layout mechanism to use the width of specific elements, particularly the .pb__tab-display, rather than relying on the browser window width. This component-centric approach enables a more flexible and dynamic layout.

The update is available in the Development version → .

Best wishes,
Alaa

Thank you!

flashwebcenter → made their first commit to this issue’s fork.

You're welcome, Dirk! I'm glad you liked the bundle.