X
214654

How can I wrap title text on mobile view?

On mobile view the events show the title as being cut off- is there a way to wrap that text to the size of a mobile screen the way the rest of the text does?

BY: Kelly Brenner - Jan 8,2021 AT 3:13PM - 3 years ago
    • Kelly Brenner Jan 8,2021 AT 3:15PM - Posted 4 years ago - #214655

      Here is example- the time and date wrap to fit but the title is cut off.

      Thanks!

    • Artem Jan 8,2021 AT 3:58PM - Posted 4 years ago - #214672

      Hello,

      Please add this CSS code to EventON > Styles (If you don’t see any change, EventON > Scripts & Styling > turn off Write styles to header > save settings > turn on Write styles to header):

      .ajde_evcal_calendar.boxy.boxstyle1 #evcal_list .eventon_list_event .evcal_desc span.evcal_event_title, .ajde_evcal_calendar.boxy.boxstyle1 #evcal_list .eventon_list_event .evcal_desc span.evcal_event_subtitle { white-space: normal; }

    • Kelly Brenner Jan 8,2021 AT 5:24PM - Posted 4 years ago - #214697

      Hello-

      I did do this- I turned off the “write styles to header” and saved and reloaded in Safari on my phone and chrome and there’s no change. I did it again and cleared cache and still no change. the interesting thing is that even though the whole title isn’t shown on the main calendar, if you click the event and the pop up comes up- it’s the same width but then the entire title does show up…

    • infotainerdave Jan 8,2021 AT 5:34PM - Posted 4 years ago - #214701

      Please send us wp-admin access to your site as a private message for us to further assist your situation.

    • infotainerdave Jan 8,2021 AT 8:43PM - Posted 4 years ago - #214722

      Please clear your browser cache- the css is working

    • Artem Jan 9,2021 AT 5:20AM - Posted 4 years ago - #214749

      How it looks on my side:

      Please try infotainerdave’s suggestion and try cleaning your cache (browser and website cache plugin, if you have one).

    • Kelly Brenner Jan 11,2021 AT 12:45PM - Posted 4 years ago - #215185

      That’s not on mobile phone though. Yes- it looks good on a desktop- same for me, but on a phone the text from the title is cut off (whereas is does wrap for the rets of the info below, and it does wrap if you select the event on ta phone and it opens in a pop-up (like the screenshot I sent)

    • Kelly Brenner Jan 11,2021 AT 12:58PM - Posted 4 years ago - #215186

      Look like it is working on mobile- I’m sorry- Thank you!

    • Artem Jan 11,2021 AT 3:01PM - Posted 4 years ago - #215213

      We are glad your issue is resolved, if you have any further questions or concerns please create a new ticket.

      If you have a moment, we would greatly appreciate if you could kindly leave us a review at codecanyon! from your account > downloads. Cheers!

    • Schuyler Randall May 4,2022 AT 2:46PM - Posted 3 years ago - #277107

      What style view is the top one?

    • Kenneth May 5,2022 AT 12:38AM - Posted 3 years ago - #277117

      Hello,

      Please create your own ticket so that we can be able to respond to your question.

You must login to reply to this ticket

HelpDesk

Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON