Olivero: Fix Hamburger Icon position

Created on 15 June 2023, over 1 year ago
Updated 13 September 2024, 3 months ago

Problem/Motivation

In the Olivero theme, the hamburger icon is not positioned properly

Steps to reproduce

Make sure you have selected the Olivero theme and open it using Chrome or a similar browser and check for the hamburger icon position.

Proposed resolution

After debugging the issue I found that this is caused because of the margins given to the mobile buttons class which could have be done with the help of Flexbox.

Remaining tasks

None

User interface changes

Removed class mobile buttons which contain all the unnecessary CSS and positioned the hamburger icon by adding the align-items:center property to the .header__inner__container class in the site-header.css file.

API changes

none

Data model changes

none

Release notes snippet

none

🐛 Bug report
Status

Closed: works as designed

Version

11.0 🔥

Component
CSS 

Last updated 9 days ago

Created by

🇮🇳India hamid.ali

Live updates comments and jobs are added and updated live.
  • Needs subsystem maintainer review

    It is used to alert the maintainer(s) of a particular core subsystem that an issue significantly impacts their subsystem, and their signoff is needed (see the governance policy draft for more information). Also, if you use this tag, make sure the issue component is set to the correct subsystem. If an issue significantly impacts more than one subsystem, use needs framework manager review instead.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024