Theme development

Hello,

Logo href is not working, it is hard to redirect to the main page.

<a class="logo navbar-btn pull-left px-5 py-3 adm-nf-logomargin" href="{{ path('<front>') }}"  title="{{ 'Home'|t }}" rel="home">

      <img src="{{ site_logo }}"  />

    </a>

also tried /{{ path('<front>') }} and  {{ url('<front>') }}

page--front.html.twig

 <header id="header" class="header navbg    " role="banner">

      <div class="section layout-container clearfix    ">

I have Drupal 9 with the Olivero theme. How to force the display of submenus ?

I want my main menu unfolded in mobile navigation.

This will make navigation on mobile more intuitive and limit the number of actions to navigate.

Here is the HTML code for the collapsed menu :

I've been away from Drupal for about 4 years and discovered that Paragraphs is really great but I've hit a dead end.  I've created a paragraph named Habitat that contains 4 fields, type, acres, miles and feet.  As many of the habitat paragraphs can be added to the content type it's associated with. I've been able to override the template with a custom template and have inserted a table but it looks like this:

I activated the Olivero theme on Drupal 9.

I added the following code to my stylesheet to pin the navigation bar in mobile mode :

.site-header {
    z-index: 111;
    position: sticky;
    top: 0;
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .site-header {
    position: relative;
  }
}

Now I want to show a shadow below the navigation bar, when it is in mobile mode. I want the shadow to appear only when the user scrolls down the page. If down 1 pixel, the shadow should appear.

On Drupal 9, I have the Olivero theme. When the navigation switches to mobile mode, you have to go to the + button opposite the menu to display the sub-menu. It's not intuitive, because the user has to perform an additional action. I would like to unfold the main menu when the navigation switches to mobile mode.

https://www.drupal.org/files/issues/2022-06-07/Screenshot_20220606-17234...

I'm new to theme development
I don't like the default form design. How can we customize the style of node/add form for the user?

https://photos.app.goo.gl/5Eav9fk8y4cz2hNa8