{"id":8698,"date":"2022-09-15T01:47:47","date_gmt":"2022-09-14T20:17:47","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/"},"modified":"2022-09-15T01:47:47","modified_gmt":"2022-09-14T20:17:47","slug":"solved-read-more-button-doesnt-work-in-mobile-theme-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/","title":{"rendered":"[Solved] Read more button doesn&#8217;t work in mobile theme [closed]"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-35770454\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"35770454\" data-parentid=\"35769979\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>The problem is due to fact that <\/p>\n<pre><code>    &lt;div class=\"content-area col-md-8\" id=\"primary\"&gt;\n      ...   \n    &lt;\/div&gt;\n<\/code><\/pre>\n<p>and<\/p>\n<pre><code>    &lt;div class=\"widget-area col-md-4\" id=\"secondary\" role=\"complementary\"&gt;\n      ....      \n    &lt;\/div&gt;\n<\/code><\/pre>\n<p>are overlapping in mobile view. You can verify it via inspect element tool.<\/p>\n<p>To solve the problem, you have to use media queries to apply the followinf rule only to desktop screen (and maybe tablet), but not for phones.<\/p>\n<pre><code> .side-pull-right #primary {\n    float: right;\n }\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">0<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved Read more button doesn&#8217;t work in mobile theme [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] The problem is due to fact that &lt;div class=&#8221;content-area col-md-8&#8243; id=&#8221;primary&#8221;&gt; &#8230; &lt;\/div&gt; and &lt;div class=&#8221;widget-area col-md-4&#8243; id=&#8221;secondary&#8221; role=&#8221;complementary&#8221;&gt; &#8230;. &lt;\/div&gt; are overlapping in mobile view. You can verify it via inspect element tool. To solve the problem, you have to use media queries to apply the followinf rule only to desktop screen (and &#8230; <a title=\"[Solved] Read more button doesn&#8217;t work in mobile theme [closed]\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/\" aria-label=\"More on [Solved] Read more button doesn&#8217;t work in mobile theme [closed]\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[464,346,339,597],"class_list":["post-8698","post","type-post","status-publish","format-standard","hentry","category-solved","tag-css","tag-html","tag-php","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] Read more button doesn&#039;t work in mobile theme [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Read more button doesn&#039;t work in mobile theme [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] The problem is due to fact that &lt;div class=&quot;content-area col-md-8&quot; id=&quot;primary&quot;&gt; ... &lt;\/div&gt; and &lt;div class=&quot;widget-area col-md-4&quot; id=&quot;secondary&quot; role=&quot;complementary&quot;&gt; .... &lt;\/div&gt; are overlapping in mobile view. You can verify it via inspect element tool. To solve the problem, you have to use media queries to apply the followinf rule only to desktop screen (and ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-14T20:17:47+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Read more button doesn&#8217;t work in mobile theme [closed]\",\"datePublished\":\"2022-09-14T20:17:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/\"},\"wordCount\":71,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"css\",\"html\",\"php\",\"wordpress\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/\",\"name\":\"[Solved] Read more button doesn't work in mobile theme [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-09-14T20:17:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Read more button doesn&#8217;t work in mobile theme [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Read more button doesn't work in mobile theme [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Read more button doesn't work in mobile theme [closed] - JassWeb","og_description":"[ad_1] The problem is due to fact that &lt;div class=\"content-area col-md-8\" id=\"primary\"&gt; ... &lt;\/div&gt; and &lt;div class=\"widget-area col-md-4\" id=\"secondary\" role=\"complementary\"&gt; .... &lt;\/div&gt; are overlapping in mobile view. You can verify it via inspect element tool. To solve the problem, you have to use media queries to apply the followinf rule only to desktop screen (and ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/","og_site_name":"JassWeb","article_published_time":"2022-09-14T20:17:47+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Read more button doesn&#8217;t work in mobile theme [closed]","datePublished":"2022-09-14T20:17:47+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/"},"wordCount":71,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["css","html","php","wordpress"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/","name":"[Solved] Read more button doesn't work in mobile theme [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-09-14T20:17:47+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-read-more-button-doesnt-work-in-mobile-theme-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Read more button doesn&#8217;t work in mobile theme [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/8698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=8698"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}