I upgraded to 7.x-5.0-rc1 and updated all my theme files with files from new STARTER theme. I only kept my _variables.scss and my custom template.php and made sure that _variables is exactly the same as STARTER. But now I see duplicated top bar menu toggle icon which is set to show for small only. Screenshots attached.

Comments

shauntyndall’s picture

Status: Active » Postponed (maintainer needs more info)

Hi @shadysamir,

Your issue seems to be the same as reported in #2340959: Hamburger ::after element for responsive menu is visually distorted. Could you provide additional information like:

  • A copy of the related markup being output.
  • A screenshot of a code inspector showing the style being applied (or similar).

I've not been able to replicate so its tough to create a patch. Any additional information would be awesome.

shadysamir’s picture

StatusFileSize
new47.02 KB
new24.66 KB
new43.7 KB
new59 KB

Here is the output HTML:

<ul class="title-area">
<li class="name"><h1><a href="/" rel="home" title="Mada Masr Home" class="active">Mada Masr</a></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
</ul>

And screenshots are attached of styles appied to a, a:after, span, span:after

shadysamir’s picture

shadysamir’s picture

Status: Postponed (maintainer needs more info) » Active
shauntyndall’s picture

Status: Active » Postponed (maintainer needs more info)

@shadysamir could you update to rc2? It looks like there might be a SASS compile issue with the rc1 branch.

shadysamir’s picture

Are there instructions anywhere on how to upgrade my subtheme? I did that manually going to rc1 and it was all dirty. I was waiting for this documentation to go to rc2.

shadysamir’s picture

Category: Support request » Bug report
Status: Postponed (maintainer needs more info) » Fixed

Fixed in rc2 as per #5

Status: Fixed » Closed (fixed)

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