#40398 closed defect (bug) (fixed)
Twenty Eleven: Searchform collides with menu on small screens
Reported by: | fedepia | Owned by: | SergeyBiryukov |
---|---|---|---|
Milestone: | 5.9 | Priority: | normal |
Severity: | normal | Version: | 4.7.3 |
Component: | Bundled Theme | Keywords: | has-patch commit |
Focuses: | css | 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 (2)
Change History (8)
#1
@
8 years 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
@
8 years 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
@
8 years 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; }
#4
@
3 years ago
- Focuses css added
- Keywords has-patch added; needs-patch removed
- Milestone changed from Awaiting Review to 5.9
With the header image, the search form has a bottom
value of -27px
. On smaller screens, the top
is changed to 1.625em and the height stretches to fit.
The patch gives the form a height of 32px, since the inner dimensions are set already.
Screenshot