Hiding Address in mobile/responsive view

  • Post date

Home › Forums › Calendar Products › Events Calendar PRO › Hiding Address in mobile/responsive view

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 4, 2014 at 5:55 pm #281037
    tonypantello
    Participant

    Hi – how would I hide the address line in the mobile/responsive view (not in normal view)? For example, I’d like it to display in mobile formats like:
    Venue Name | Google Map

    In normal full view the full address would still be listed. Is this possible? Thanks.

    July 7, 2014 at 8:43 am #300286
    Casey
    Participant

    tonypantello,
    Hey again! Our plugin automatically adds the ‘tribe-mobile’ class to the <BODY> tag when in responsive mode, so you should be able to make any mobile-related CSS changes based on that. Here’s an example:


    /* Hide all P tags when in mobile view */
    .tribe-mobile p {
    display:none;
    }

    So, hopefully that gives you what you need to get started on that customization, but let me know if you have further questions. Thanks! 🙂

    -Casey-

    July 20, 2014 at 9:10 pm #466502
    Casey
    Participant

    I just wanted to follow up and see if you’re all set here or if you still have further questions. Just let me know if you have further questions or if I should go ahead and close out this thread. Thanks! 🙂

    -Casey-

    August 14, 2014 at 8:12 am #666393
    Casey
    Participant

    Since I haven’t heard back from you here, I’m going to go ahead and close out this thread. Feel free to start a new thread if you have further issues. Thanks! 🙂

    -Casey-

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hiding Address in mobile/responsive view’ is closed to new replies.