Title: Mobile Usability Problems
Last modified: August 21, 2023

---

# Mobile Usability Problems

 *  Resolved [Muhammed Colaker](https://wordpress.org/support/users/maprins/)
 * (@maprins)
 * [2 years, 9 months ago](https://wordpress.org/support/topic/mobile-usability-problems/)
 * Hello,
 * I started to have mobile usability problems after the generatepress theme update
   on my 2 blog sites. In my 2 sites, I started getting the questions The text is
   too small to read and Clickable items too close together for all my articles 
   in the Google Search Console tool.
 * ![](https://ibb.co/kc34fzd)
 * also Elements with visible text labels do not have matching accessible names 
   for the “read more” button in the summary section of the articles on the homepage
   in google page speed insights tool. I’m starting to get the problem.
 * ![](https://ibb.co/Nt1FnKx)
 * And again, I started to get the “Links rely on color to be distinguishable” problem
   in the category names under my articles on the homepage.
 * ![](https://ibb.co/8bp7CFD)
 * How can I solve these problems? I would be glad if you help.
 * Additional css codes on my site:
    - {
      -webkit-touch-callout: none; /* iOS Safari _/ -webkit-user-select: none;/_
      Safari _/ -khtml-user-select: none; /_ Konqueror HTML _/ -moz-user-select:
      none; /_ Old versions of Firefox _/ -ms-user-select: none; /_ Internet Explorer/
      Edge _/ user-select: none; /_ Non-prefixed version, currently supported by
      Chrome, Opera and Firefox _/ } .mg-nav-widget-area-back { background-image:
      none !important; } /_ SSS Görünüm _/ .rank-math-list-item { -webkit-box-shadow:
      0px 2px 21px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 2px 21px 0px rgba(
      0, 0, 0, 0.75); box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.75); border-radius:
      4px; margin: 1em auto; overflow: hidden; padding: .5em .8em; } /_ H2 – H3 */.
      single-post .entry-content h2 {padding-top: 10px;padding-bottom: 10px;font-
      size: 30px;border-left: 20px solid rgba(52, 62, 71, 100);padding-left: 15px;
      background-color: rgba(236, 241, 237, 1);background-image: none;}
 * .single-post .entry-content h3 {
   padding-top: 10px;padding-bottom: 10px;font-
   size: 25px;border-left: 20px solid rgba(145, 221, 232, 100);padding-left: 15px;
   background-color: rgba(236, 241, 237, 1);background-image: none;}/* Ana Sayfa
   Başlık ve Metalar */.entry-title a {color:#2f4468!important;font-weight:600!important;}
 * .entry-meta a {
   color: #00074f!important;}.entry-meta a:hover {color: #000!important;}
 * .inside-article, .sidebar .widget {
   border: 1px solid #e7e7e7;border-radius: 
   5px;}
 * /* Ana Sayfa Read More */
   a.read-more.button{background-color:#000;color: rgb(
   255, 255, 255);width: 190px;height: 54px;min-height: 0px;min-width: 0px;max-height:
   none;max-width: none;text-align: center;font-weight: 600;font-size: 18px;border-
   color: transparent;padding: 12px 15px;border-radius: 10px;transition: all 0.5s;
   position: relative;}
 * a.read-more.button:hover{
   padding-right: 24px;padding-left:8px;background-color:#
   212121;}
 * .read-more-container{
   float: right;}/* İçerik Tablosu Kenar _/ .lwptoc\_i{ background-
   color:#343e47; border-style:solid; border-width:3px; border-color:#343e47; } /_
   İçerik Tablosu _/ .entry-content a:not(.button):not(.wp-block-button\_\_link):
   not(.gb-button) { text-decoration: none; background-image: linear-gradient( transparent
   2px, #2ed392 2px, #2ed392 4px, transparent 4px ), linear-gradient( transparent
   2px, #d8dce9 2px, #d8dce9 4px, transparent 4px ); background-size: 0% 6px, 100%
   6px; background-position: 0 bottom, 0 bottom; transition: background-size 0.3s
   ease-in-out; background-repeat: no-repeat; padding-bottom: 3px; font-weight: 
   600; } /_ İçerik Tablosu İç Link _/ .entry-content a:hover:not(.button):not(.
   wp-block-button\_\_link):not(.wp-block-button\_\_link){ color: #115cfa; background-
   size: 100% 6px; } /_ Diğer */.home .inside-article {padding: 30px !important;}
 * .category .inside-article {
   padding: 30px !important;}
 * .category .page-header { padding: 50px 30px 50px 30px !important;
   background-
   color:transparent;}
 * .page-header h1 {
   font-size: 1.5em;margin-top: -30px;}
 * .entry-header h1 {
   text-align: center;}/* Alıntı Görünüm _/ blockquote { background-
   color: rgba(236, 241, 237, 1); border-left: 20px solid rgba(190, 144, 36, 100);
   padding: 15px; font-style: inherit; font-size: 18px; margin: 0 0 1.5em; } /_ 
   YouTbe Video _/ .wp-block-embed\_\_wrapper{width:650px;} .is-provider-youtube{
   display: flex;justify-content: center; margin-bottom: 30px;} /_ Sabit Bileşen*/.
   inside-right-sidebar {height: 100%;}
 * .inside-right-sidebar aside:last-child {
   position: -webkit-sticky;position: sticky;
   top: 70px; /*Adjust position */}/* Sidebar Düzenlemeleri */.widget-area .widget{
   padding: 10px;}.paging-navigation {font-size: 24px; padding-right: 10px;}
 * figure img {
   margin-bottom: 15px;}/* Constrat Ratio Kodu _/ .wpp-post-title {
   color: #2f4468 !important; } /_ Sidebar Yok Et */[@media](https://wordpress.org/support/users/media/)(
   max-width: 768px) {#right-sidebar, #left-sidebar {display: none;}}
 * Font settings on my site:
 * ![](https://ibb.co/hVTXcBr)
    -  This topic was modified 2 years, 9 months ago by [Muhammed Colaker](https://wordpress.org/support/users/maprins/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-usability-problems%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * (@fernandoazarcon2)
 * [2 years, 9 months ago](https://wordpress.org/support/topic/mobile-usability-problems/#post-16988019)
 * Hi [@maprins](https://wordpress.org/support/users/maprins/),
 * Upon trying to test your site, Google is failing to load your site’s resources.
   See: [https://share.getcloudapp.com/YEu49O1Y](https://share.getcloudapp.com/YEu49O1Y)
 * More info on that here: [https://docs.generatepress.com/article/text-too-small-to-read-and-clickable-elements-too-close-together/#blocked-by-robots-txt](https://docs.generatepress.com/article/text-too-small-to-read-and-clickable-elements-too-close-together/#blocked-by-robots-txt)
 * Is Google able to load your site’s resources on your test? It seems something
   in your robots.txt file may be blocking Google which is resulting in failed tests
   by default.
 *  Thread Starter [Muhammed Colaker](https://wordpress.org/support/users/maprins/)
 * (@maprins)
 * [2 years, 9 months ago](https://wordpress.org/support/topic/mobile-usability-problems/#post-16988023)
 * Hi [@fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * My robots.txt file is like this. What code might be blocking it?
 * User-agent: *
   Allow: /wp-content/uploads/Allow: /wp-admin/admin-ajax.phpDisallow:/
   cgi-bin/Disallow: /wp-admin/Disallow: /wp-content/Disallow: /wp-includes/Disallow:/*?
   Disallow: */feed/
    -  This reply was modified 2 years, 9 months ago by [Muhammed Colaker](https://wordpress.org/support/users/maprins/).
 *  [fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * (@fernandoazarcon2)
 * [2 years, 9 months ago](https://wordpress.org/support/topic/mobile-usability-problems/#post-16988038)
 * Try removing this line:
 *     ```wp-block-code
       Disallow: /wp-content/
       ```
   
 *  Thread Starter [Muhammed Colaker](https://wordpress.org/support/users/maprins/)
 * (@maprins)
 * [2 years, 9 months ago](https://wordpress.org/support/topic/mobile-usability-problems/#post-16988091)
 * Thank you [@fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * Well “Elements with visible text labels do not have matching accessible names.”
   and “Links rely on color to be distinguishable.” How will I solve it’s problems?
    -  This reply was modified 2 years, 9 months ago by [Muhammed Colaker](https://wordpress.org/support/users/maprins/).
 *  [fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * (@fernandoazarcon2)
 * [2 years, 9 months ago](https://wordpress.org/support/topic/mobile-usability-problems/#post-16988101)
 * You’re welcome [@maprins](https://wordpress.org/support/users/maprins/)! It’s
   passing now on my end as well.
 * For the 2 new issues, can you open two new separate topics?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile Usability Problems’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.
   png)
 * GeneratePress
 * [Support Threads](https://wordpress.org/support/theme/generatepress/)
 * [Active Topics](https://wordpress.org/support/theme/generatepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * Last activity: [2 years, 9 months ago](https://wordpress.org/support/topic/mobile-usability-problems/#post-16988101)
 * Status: resolved