Problem/Motivation

Mobile close icon overlays on the search in the Olivero theme.

Steps to reproduce

  • Create a new fresh installation Drupal
  • Enable the navigation module
  • Add (2-4) main menu links
  • Resize window to mobile and open the navigation toggle

Proposed resolution

Use CSS to fix the layout of the mobile navigation searchbar and close icon

CommentFileSizeAuthor
#5 Screenshot 2026-02-22 at 2.59.59 PM.png154.3 KBjinah
Screenshot 2026-02-22 at 1.36.34 PM.png56.15 KBfransheska tula

Issue fork drupal-3575066

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

byfransheska@gmail.com created an issue. See original summary.

mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented
Issue summary: View changes

Verified. updating issue summary.

fransheska nunez opened merge request !14860

fransheska tula’s picture

fransheska tula commented
Status: Active » Needs review

Created MR

jinah’s picture

jinah commented
Status: Needs review » Reviewed & tested by the community
StatusFileSize
new Screenshot 2026-02-22 at 2.59.59 PM.png154.3 KB

Tested it, looks great. Image attached.

mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented

Verified! Yay!

  • lauriii committed 34cfba50 on main 
    fix: #3575066 Olivero mobile close button not properly placed against...

  • lauriii committed 011a2298 on 11.x 
    fix: #3575066 Olivero mobile close button not properly placed against...

  • lauriii committed 66e0d15c on 11.3.x 
    fix: #3575066 Olivero mobile close button not properly placed against...

lauriii closed merge request !14860

lauriii’s picture

lauriii
he/him
Primary language Finnish
Location Finland
commented
Version: main » 11.3.x-dev
Status: Reviewed & tested by the community » Fixed

Committed! I made a minor tweak to the comment to clarify that this is the mobile top bar. Thank you folks for working on this!

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

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