Fix mobile presentation issue in HTML and CSS

igniterealtime · Sep 20, 2024 · 27a827a · 27a827a
1 parent 935ca59
commit 27a827a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
@@ -49,15 +49,15 @@
 
                 <div class="ignite_project_big ignite_project_big_left" style="height: unset; background: linear-gradient(to bottom, whitesmoke, white);">
                     <div class="ignite_project_content">
-                        <a href="projects/" class="ignite_project_turnkey"><h1>Turn-key IM Solutions</h1></a>
+                        <a href="projects/" class="ignite_project_turnkey"><h2>Turn-key IM Solutions</h2></a>
                         <p>Our client and server products allow you set up a cross-platform, real-time collaboration server optimized for business and organizations in moments!</p>
                         <p>Highly customizable through plugins and configuration, our clients and servers easily integrate in your pre-existing ICT infrastructure.</p>
                         <p><a href="projects/" class="ignite_link_arrow"><strong>Learn More</strong></a></p>
                     </div>
                 </div>
                 <div class="ignite_project_big" style="height: unset; background: linear-gradient(to bottom, whitesmoke, white);">
                     <div class="ignite_project_content">
-                        <a href="projects/" class="ignite_project_dev"><h1>Development Platform</h1></a>
+                        <a href="projects/" class="ignite_project_dev"><h2>Development Platform</h2></a>
                         <p>Our server product and libraries are exceptionally well suited as a development platform for your custom instant messaging or data sharing solution!</p>
                         <p>The software that we produce is based on well established open standards, has extensive extension APIs and come with a great deal of pre-existing functionality - ideal to form the basis of your project!</p>
                         <p><a href="projects/" class="ignite_link_arrow"><strong>Learn More</strong></a></p>

diff --git a/src/main/webapp/styles/interior.css b/src/main/webapp/styles/interior.css
@@ -357,7 +357,7 @@ img.ignite_body_image_right {
     overflow: hidden;
     padding: 0;
     margin: 10px 0 0 0;
-    width: 48%;
+    /* width: 48%; go full width for mobile compatibility*/
     height: 170px;
     background: transparent url(../images/ignite_projects_bg.gif) no-repeat;
     background-position: 0 18px;

diff --git a/src/main/webapp/template/default.jsp b/src/main/webapp/template/default.jsp
@@ -14,7 +14,7 @@
 <head>
     <title>Ignite Realtime: <decorator:title /></title>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />	
     <meta name="keywords" content="<decorator:getProperty property="meta.keywords" default="ignite, igniterealtime, java, open source, openfire, wildfire, jive messenger, xmpp, chat, jabber, smack, whack, sparkweb, tinder, pade, xiff, asterisk" />"/>
     <meta property="og:title" content="Ignite Realtime: <decorator:title />" />
     <meta property="og:type" content="website" />