Event Search Button

[Chris Hirst]

I am using the [event_search] shortcode, and all is well BUT the actual search button displays as a square, with the word Sea rch split across 2 lines.

I thought it may be my template, but I have tried it with the default WordPress 2016 template, and it splits into 3 lines then.

I filtered the search options down to just 2 boxes as I thought it could be being squeezed by the screen size, but that made no difference at all as the 2 boxes just extended to fit the space.

I also tried altering the Events Organiser settings from template default to allow / not allow and again nothing changes.

The problem is on the development site here

Could you suggest what may be going wrong please?

Thanks
Chris

[Chris Hirst]

Update on this:
The search button displays correctly in Internet Explorer, is shortened in Safari with only the letter S being displayed, and is broken onto 2 lines in Chrome. This is the same with the WordPress 2016 theme in use too.

[Stephen Harris]

Try adding the following to your theme’s style.css:

.eo-event-search li {
    width: 40%!important;
}

.eo-event-search li.submit {
    width: 10%!important;
    position: relative;
}

.eo-event-search li.submit button {
    position: absolute;
    bottom:5px;
}

[Stephen Harris]

On small screens, you may want to stack the elements vertically. Please see: https://wp-event-organiser.com/forums/topic/responsive-search-form/

[Author]

Posts