https://www.question2answer.org/qa/tag/clickable-elements Powered by Question2Answer https://www.question2answer.org/qa/95982/email-links-problem <p style="text-align:left">Hello, the problem is the emails are getting to us, the links are not working they are showing as plain text use gmail</p> <p style="text-align:left"><a rel="nofollow" href="https://a.top4top.io/p_20732rkpv0.jpeg"><img alt="" src="https://a.top4top.io/p_20732rkpv0.jpeg" style="height:649px; width:300px"></a></p> Q2A Core https://www.question2answer.org/qa/95982/email-links-problem Sun, 05 Sep 2021 01:33:22 +0000 https://www.question2answer.org/qa/88337/heres-how-to-solve-clickable-links-too-close-issue <p>This question has been asked too many times. So, I will summarize the tips to solve this generally.</p> <ol> <li>Browse your website with a Desktop/Laptop computer using either Google Chrome or Mozilla Firefox browser. (I prefer the latter).</li> <li>Right click on the links that are too small or too close to each other, and then choose "Inspect Elements"</li> <li>Now you know the CSS name that causes&nbsp; "Clickable links too close" issue. For example, "qa-nav-footer-link".</li> <li>Try one of these CSS tricks to apply on our example link: "qa-nav-footer-link"</li></ol> <ul> <li>Use <strong>margin:10px</strong> or <strong>margin-top: 10px; margin-left:10px</strong> or whatever -top/-right/-left/-bottom may work.</li> <li>Use <strong>padding:10px</strong> or <strong>padding-top: 10px; padding-left:10px</strong> or whatever -top/-right/-left/-bottom may work.</li> <li>Change to the larger font size, as this will subsequently also increase space around those links:ex,&nbsp; <strong>font-size:16px;</strong></li> <li>Use <strong>justify-content: space-evenly;</strong> for the outer DIV, like in this case qa-nav-footer.</li> <li>Maybe there are more CSS tricks similar to these</li></ul> <p> <br>You can test with the "Inspect Elements" tool before modifying your CSS file. Make sure you clear cache or you can add pseudo version, for example, my_style.css?v=123.</p> Themes https://www.question2answer.org/qa/88337/heres-how-to-solve-clickable-links-too-close-issue Mon, 12 Oct 2020 11:07:24 +0000 https://www.question2answer.org/qa/88336/clickable-links-too-close-the-footer-snowflat-theme-how-solve <p>Page links are too close in the footer of SnowFlat theme. How to solve?&nbsp;</p> <p></p> <p>Screenshot:<img alt="" src="https://www.question2answer.org/qa/?qa=blob&amp;qa_blobid=12279474957941430174"></p> Q2A Core https://www.question2answer.org/qa/88336/clickable-links-too-close-the-footer-snowflat-theme-how-solve Mon, 12 Oct 2020 08:24:59 +0000 https://www.question2answer.org/qa/74040/content-wider-than-screen-clickable-elements-close-together Google find the website not mobile friendly but the mobile test tool says the website is mobile friendly Q2A Core https://www.question2answer.org/qa/74040/content-wider-than-screen-clickable-elements-close-together Wed, 10 Apr 2019 07:16:11 +0000