{"id":1964300,"date":"2025-02-24T04:10:26","date_gmt":"2025-02-24T09:10:26","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?p=1964300"},"modified":"2025-10-22T14:52:42","modified_gmt":"2025-10-22T18:52:42","slug":"how-to-display-ticket-description-on-mobile-view","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/how-to-display-ticket-description-on-mobile-view\/","title":{"rendered":"How to Display Ticket Description on Mobile View"},"content":{"rendered":"\n<p><strong>Is your ticket description not showing on mobile?<\/strong> If you&#8217;re facing an issue where the ticket description is not visible on mobile devices, this simple fix will ensure that the ticket details are displayed correctly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-2-add-custom-css\"> Add Custom CSS<\/h2>\n\n\n\n<p>To resolve this, you need to add a few lines of CSS to your WordPress site. Follow these steps:<\/p>\n\n\n\n<p>Navigate to <strong>Appearance &gt; Customize &gt; Additional CSS<\/strong> in your WordPress dashboard.<\/p>\n\n\n\n<p>Insert the following CSS code:<\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@media (max-width: 768px){\n.event-tickets .tribe-tickets__tickets-item-details-content {\n   display: block !important;\n}\n\n.event-tickets .tribe-tickets__tickets-item-extra{\n grid-row: 4 !important;\n}\n\n.event-tickets .tribe-tickets__tickets-item-details-content{\n     grid-row: 2 !important;\n}\n}<\/code><\/pre>\n\n\n\n<p>Click <strong>Publish<\/strong> to save your changes.<\/p>\n\n\n\n<p><strong>What This Does<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Forces the ticket description to be visible on mobile screens.<\/li>\n\n\n\n<li>Adjusts the grid structure to ensure proper alignment of ticket details.<\/li>\n\n\n\n<li>Enhances the user experience by making ticket descriptions more accessible.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Final Result<\/h3>\n\n\n\n<p>Once you apply this CSS, the ticket description will now appear correctly in the mobile view, ensuring that users can easily see all relevant details when booking tickets.<\/p>\n\n\n\n<p><strong>Before:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/b-1024x453.jpg\" alt=\"\" class=\"wp-image-1964325\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/b-1024x453.jpg 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/b-300x133.jpg 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/b-768x339.jpg 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/b.jpg 1179w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>After:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/a-1024x549.jpg\" alt=\"\" class=\"wp-image-1964326\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/a-1024x549.jpg 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/a-300x161.jpg 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/a-768x412.jpg 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/02\/a.jpg 1153w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Is your ticket description not showing on mobile? If you&#8217;re facing an issue where the ticket description is not visible on mobile devices, this simple fix will ensure that the ticket details are displayed correctly. Add Custom CSS To resolve this, you need to add a few lines of CSS to your WordPress site. Follow&#8230;<\/p>\n","protected":false},"author":27,"featured_media":1955565,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[116,24],"tags":[],"stellar-product-taxonomy":[],"class_list":["post-1964300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-styling","category-customizing"],"acf":[],"taxonomy_info":{"category":[{"value":116,"label":"CSS &amp; Styling"},{"value":24,"label":"Customizations"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Abz","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/abz\/"},"comment_info":0,"category_info":[{"term_id":116,"name":"CSS &amp; Styling","slug":"css-styling","term_group":0,"term_taxonomy_id":116,"taxonomy":"category","description":"","parent":24,"count":40,"filter":"raw","term_order":"0","cat_ID":116,"category_count":40,"category_description":"","cat_name":"CSS &amp; Styling","category_nicename":"css-styling","category_parent":24},{"term_id":24,"name":"Customizations","slug":"customizing","term_group":0,"term_taxonomy_id":24,"taxonomy":"category","description":"","parent":0,"count":157,"filter":"raw","term_order":"0","cat_ID":24,"category_count":157,"category_description":"","cat_name":"Customizations","category_nicename":"customizing","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1964300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1964300"}],"version-history":[{"count":6,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1964300\/revisions"}],"predecessor-version":[{"id":1964327,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1964300\/revisions\/1964327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1964300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1964300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1964300"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1964300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}