WordPress.org

Make WordPress Core

Opened 9 months ago

Last modified 9 months ago

#40398 new defect (bug)

Twenty Eleven: Searchform collides with menu on small screens

Reported by: fedepia Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 4.7.3
Component: Bundled Theme Keywords: needs-patch
Focuses: Cc:

Description

Hi guys, I'm using WordPress 4.7.3 and my site is:
http://www.xn--cabaalamiranta-tnb.com/

I'm using the theme twenty eleven and the problem I have is that the menu links work well on a web version but some links are not working on mobile.

If you go to my site above, all links are working, however if you enter in the site using a mobile device both links Servicios and Ubicacion the links are shown as text and they are not clickable.

Do you know how to fix this?

Attachments (1)

twenty-eleven-searchform.png (247.1 KB) - added by Soean 9 months ago.
Screenshot

Download all attachments as: .zip

Change History (4)

@Soean
9 months ago

Screenshot

#1 @Soean
9 months ago

  • Component changed from General to Bundled Theme
  • Focuses ui accessibility removed
  • Keywords needs-patch added
  • Summary changed from Twenty Elevent menu does not render links on mobile to Twenty Eleven: Searchform collides with menu on small screens

Hello @fedepia, welcome to WordPress Trac!

I can reproduce the bug, if I hide the site title and tagline in twenty eleven. The searchform now collides with the menu on small screens. (See screenshot)

Adding height: 32px to #searchform solves the problem.

#2 @fedepia
9 months ago

@Soean, thank you very much for troubleshooting this.

I there any way to hide the search form completely rather than modifying the css? There are some components I want to hide like the search form, comments, publish date, etc.

If I can hide that, it would be better than edit the css

#3 @lukecavanagh
9 months ago

You can hide the search form on the front-end in Twenty Eleven just using say this CSS.

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	display: none;
	text-align: right;
}
Note: See TracTickets for help on using tickets.