http://www.kriesi.at/support/tags/mobile Support Forum - Tag: mobile - Recent Posts en-US Sat, 18 May 2013 07:20:25 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-112018 Fri, 17 May 2013 18:12:36 +0000 mbesh 112018@http://www.kriesi.at/support/ <p>Nick,</p> <p>Thank you VERY MUCH for your time on this! (I trust you more than I do my guys).</p> <p>Login info sent to your e-mail.</p> <p>Mark </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111985 Fri, 17 May 2013 17:12:33 +0000 Nick 111985@http://www.kriesi.at/support/ <p>Hi,</p> <p>Sorry bout that. Most frustrating thing is not being able to replicate it.</p> <p>Could you set me up a temp admin account, I got one idea I want to try out. No worries, I am careful.<br /> usjahm (at) gmail (dot) com</p> <p>There is no documentation for the framework outside the documentation found within the templates themselves where the functions and variables are documented.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111855 Fri, 17 May 2013 04:20:41 +0000 Ismael 111855@http://www.kriesi.at/support/ <p>Hi,</p> <p>My bad. Good thing Nick pointed it out. This is the correct code</p> <pre><code>@media only screen and (max-width: 767px) { #top .logo a, #top .logo img { display: block; } }</code></pre> <p>Since you mentioned landscape, maybe this'll help.</p> <pre><code>@media only screen and (min-device-width : 320px) and (max-device-width : 900px) and (orientation : landscape) { #top .logo a, #top .logo img { display: block; } }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111706 Thu, 16 May 2013 17:50:12 +0000 mbesh 111706@http://www.kriesi.at/support/ <p>Nick,</p> <p>Put your new rewritten code in there, and the mobile menu disappeared.</p> <p>I'm sure everyone is 'frustrated' with this, so I guess we'll just have to 'deal with' the logo being centered in landscape view.</p> <p>I REALLY APPRECIATE all of your efforts in this. [ Because of your excellent support, we will DEFINITELY be using your themes for our clients in the future! ].</p> <p>Q: Do you have a more detailed 'document' about the Avia framework we can buy (other than the 'basic' doc we received with the theme)?</p> <p>Mark Besh<br /> Visual Impact Systems</p> <p>ISSUE CLOSED. </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111689 Thu, 16 May 2013 16:10:05 +0000 Nick 111689@http://www.kriesi.at/support/ <p>Hi,</p> <p>This CSS that you pasted above is not valid. So its not being read as you think it is.<br /> <pre><code>@media only screen and (max-width: 767px) #top .logo a, #top .logo img { display: block; }</code></pre> <p>this is the same css written correctly<br /> <pre><code>@media only screen and (max-width: 767px){ #top .logo a, #top .logo img { display: block; }}</code></pre> <p>Also I didn't write this CSS, this is what I found in your custom.css file and all I did is made it valid.... Since invalid css makes your site work better somehow, there is no need to fix anything.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111684 Thu, 16 May 2013 15:48:51 +0000 mbesh 111684@http://www.kriesi.at/support/ <p>Nick,</p> <p>To remind you---when we put your suggested custom.css in there, we lost the mobile menu. Then we added the following, and the drop-down menu started 'flashing' again:</p> <p>#top .mobileMenu {<br /> display:none !important;<br /> }</p> <p>Then, when we replaced your "media" css with Ishmael's above, we lost the mobile menu again (but the logo was left justified).</p> <p>@media only screen and (max-width:767px) {<br /> #top .logo {<br /> float:left;<br /> }<br /> #top .main_menu ul {<br /> display: block !important;<br /> }<br /> }</p> <p>Replaced with:</p> <p>@media only screen and (max-width: 767px)<br /> #top .logo a, #top .logo img {<br /> display: block;<br /> }</p> <p>Hmmmm.</p> <p>Mark </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111621 Thu, 16 May 2013 10:06:27 +0000 Nick 111621@http://www.kriesi.at/support/ <p>Hi,</p> <p>I already pointed them out earlier <a href="http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-110304" rel="nofollow">http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-110304</a> and fixed the errors with the css I posted above.</p> <p>Could it be 'where' we put the "#top .mobileMenu..." code in the custom.css? .. You can put one copy of that block at the start and end of various css files, it won't hurt anything, and since I am out of ideas, why not.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111529 Thu, 16 May 2013 01:06:50 +0000 Ismael 111529@http://www.kriesi.at/support/ <p>Hi,</p> <p>I think Nick is right. Please try to setup a test site then try to fix the logo alignment there, see if it change. I'm really not sure but display: block really works on my end. This is what I see on my end when I use this code</p> <pre><code>@media only screen and (max-width: 767px) #top .logo a, #top .logo img { display: block; }</code></pre> <p><img src="http://www.mediafire.com/convkey/1559/7ob78o1gj9gh0t4fg.jpg" /></p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111425 Wed, 15 May 2013 16:36:28 +0000 mbesh 111425@http://www.kriesi.at/support/ <p>Nick,</p> <p>We disabled Jetpack, and nothing change.</p> <p>So, thank you VERY MUCH for all of your efforts in trying to fix this, but we have decided to just go back to what we had, and 'deal with' the logo centering in landscape mode.</p> <p>Even though it seems that everything is working fine, you did mention, before we started all this, that our custom.css is not properly written, and there are things that are not even being "loaded."</p> <p>Could you point those things out for us?</p> <p>Thanks,<br /> Mark </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111167 Tue, 14 May 2013 17:52:00 +0000 Nick 111167@http://www.kriesi.at/support/ <p>Hi,</p> <p>Since I don't see any of what you are describing, I am not sure. Please disable jetpack. On this forum you can find more bizzare issues solved just by turning that plugin off than anything else.</p> <p>I am not sure what I can tell you except setup a dev site and check step by step until the step that is causing this is located. You may also have had a mishap during an update or ghost data in there if you left the data import that comes with the theme in there.. id's crossed in the options table (i am guessing) , because If you restart fresh, in a matter of an hour you should hit the exact cause of the issue, just please wait till everything is working till you turn on Jetpack or any extra plugins.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111126 Tue, 14 May 2013 14:19:59 +0000 mbesh 111126@http://www.kriesi.at/support/ <p>Nick,</p> <p>Sorry to say, we tried both css items, and no change. Then added the avia.js code you suggested. Drop-down menu still flashing in Chrome and Safari.</p> <p>Could it be 'where' we put the "#top .mobileMenu..." code in the custom.css?</p> <p>Mark </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-110920 Mon, 13 May 2013 19:17:56 +0000 Nick 110920@http://www.kriesi.at/support/ <p>Hi,</p> <p>I have no way to test this but please try adding these 2 blocks and see if anything happens different, just please do it one block at a time to figure out which of the two does something, or that neither do anything.</p> <pre><code>#top .infotext_wrap { display: none; }</code></pre> <p>and<br /> <pre><code>#top .mobileMenu { display:none !important; }</code></pre> <p>If this doesn't work, do this. go bak to /js/avia.js to line 101 and paste this code (you took it out , but I changed it to trigger the mobile menu only at screen size of 1 pixel, in case there is something else here tied to that code somewhere.<br /> <pre><code>// improves menu for mobile devices jQuery(&#39;.main_menu ul:eq(0)&#39;).mobileMenu({ switchWidth: 1, //width (in px to switch at) topOptionText: jQuery(&#39;.main_menu&#39;).data(&#39;selectname&#39;), //first option text indentString: &#39;&amp;nbsp;&amp;nbsp;&amp;nbsp;&#39; //string for indenting nested items });</code></pre> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-110865 Mon, 13 May 2013 15:28:30 +0000 mbesh 110865@http://www.kriesi.at/support/ <p>Nick,</p> <p>Thank you for you effort on this.</p> <p>This solution made all computer and tablets browsers work just fine (left justified no matter how wide the window, and the menu dropped below the logo). The logo also is left justified on mobile (iOS6 with Chrome and Safari).</p> <p>But, the "ABOUT US" drop-down menu is now 'flashing' (showing for 1/4 second) when you go to any page (with both Chrome and Safari).</p> <p>We see that you remove the following:</p> <p>#top .mobileMenu {<br /> display:none !important;</p> <p>Could this be it?</p> <p>[ NOTE: We did not remove your suggested css, so you could see the problem on your smartphones ].</p> <p>Thanks,<br /> Mark </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-110537 Sat, 11 May 2013 16:20:02 +0000 Nick 110537@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try this css instead of the css in your custom.css file<br /> <pre><code>#js_sort_items { font-size:14px; } #top .template-dynamic .callout { padding:4px 0 0px; } #top .template-dynamic .callout p { padding-bottom:0; } #top h1.ajax-portfolio-title { font-size:2.3em; } #top .ajax-portfolio-response { z-index:2; } #top .primary-background,#top .info_text_header,#top .infotext { background-color:#c20024 !important; } #top .ajax-portfolio-response-wrapper { top:40px; } #top .portfolio-title { font-family:&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif; font-size:14px; } #top .logo,#top .logo a { margin-top:-10px; float:left; } #top .phonenumber { color:#c20024; font-size:18px; text-align:right; } #top .phonenumber,#top .phonenumber a { margin-top: -10px; } @media only screen and (max-width:767px) { #top .logo { float:left; } #top .main_menu ul { display: block !important; } }</code></pre> <p>You will see the menu. And logo will be on left.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-110366 Fri, 10 May 2013 14:24:54 +0000 mbesh 110366@http://www.kriesi.at/support/ <p>Nick,</p> <p>So, I like to get back to your solution----that fixed the logo to left justified.</p> <p>What/where do I add to your suggested css to get the menu to show up?</p> <p>Mark </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-110304 Fri, 10 May 2013 09:56:00 +0000 Nick 110304@http://www.kriesi.at/support/ <p>Hi,</p> <p>I just noticed this block of code which just may have something to do with the disappearing menu.<br /> <pre><code>#top .mobileMenu { display:none !important; }</code></pre> <p>Your current custom.css file has invalid css which is not being read. You might as well just write abracadabra in there since it will be interpreted the same way. you need a { ... So everything below and including this block in your custom.css file is not read correctly.</p> <pre><code>@media only screen and (max-width: 767px) #top .logo a, #top .logo img { display: block; margin-left: -100px; }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-110107 Thu, 09 May 2013 16:32:22 +0000 mbesh 110107@http://www.kriesi.at/support/ <p>Nick,</p> <p>Thanks for taking all that time to rewrite our custom.css file.</p> <p>It did work right away! (all phones, tablets, PC, and Mac browsers showed it left justified!). But, we 'lost' our menu below the logo (on phones and when browser windows are not very wide).</p> <p>So, we put the following code in just after "#top .portfolio-title...":<br /> .js_active .main_menu ul{display: block !important;}<br /> (where is was in our original custom.css file, and it started that 'flashing' again (showing the "ABOUT US" drop-down menu for 1/4 second).</p> <p>We spend an hour or so moving that code around (different load locations), and nothing worked.</p> <p>So, since this is a "live" site, we had to 'regress' back to our original custom.css file (to get rid of that 'flashing').</p> <p>Any ideas how you could add in some kind of code into the custom.css you suggested, and get our menu to display below the logo?</p> <p>Thanks,<br /> Mark </p> http://www.kriesi.at/support/topic/how-to-disable-mobile-navigation#post-109981 Thu, 09 May 2013 05:48:22 +0000 Dude 109981@http://www.kriesi.at/support/ <p>Hey! </p> <p> Glad you found a solution :) </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/how-to-disable-mobile-navigation#post-109797 Wed, 08 May 2013 15:01:44 +0000 skkirilov 109797@http://www.kriesi.at/support/ <p>Found it!</p> <p>In avia.js delete 1108-1144 lines.</p> <p>Cheers. </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-109735 Wed, 08 May 2013 12:35:28 +0000 Nick 109735@http://www.kriesi.at/support/ <p>Hi,</p> <p>Make a backup of your current custom.css file and instead try using the css below (replace current code you are using with the code below but have a backup). In your custom.css file, a lot of the css doesn't have enough specificity to override the original css. I didn't change much of the code as much as added #top to everything, to make it become more specific thus overriding the earlier css.</p> <p>In your code i commented out margin-left: -100px because before it was not working, and now that it works, it pushes the logo to the left off the screen. You can switch it back on. But first see how this looks. </p> <p><a href="http://www.clipular.com/c?5648256=4-3XOnM4633-G17DS5mCmdNz9pk&amp;f=.png" rel="nofollow">http://www.clipular.com/c?5648256=4-3XOnM4633-G17DS5mCmdNz9pk&amp;f=.png</a></p> <p>Also, where is your menu?</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/how-to-disable-mobile-navigation#post-109723 Wed, 08 May 2013 11:52:57 +0000 skkirilov 109723@http://www.kriesi.at/support/ <p>Hey,</p> <p>When I’m using the responsive theme and when I squeeze the screen, the main menu(ul id=”menu-main-menu”) getting a style of “display:none” and instead of it, appears another menu(select id=”mobileMenu_menu-main-menu”). How to disable this feature? I want the first menu to be visible all the time, without replacing it on small screens. Thanks. </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-109641 Wed, 08 May 2013 07:27:54 +0000 Ismael 109641@http://www.kriesi.at/support/ <p>Hi,</p> <p>CSS controls the layout of the logo so editing the php files won't do you any good. I don't have an iPhone to check this out, I'm only testing this by decreasing my browser width. Let me tag the rest of the support team.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-109501 Tue, 07 May 2013 14:36:30 +0000 mbesh 109501@http://www.kriesi.at/support/ <p>Ismael,</p> <p>For whatever reason, the logo hasn't moved at all for us (still centered). [Even after turning off out wireless, and viewing it at a Starbucks down the street using their wireless).</p> <p>Our site does not have any "caching" plugin, but our hoster told us aware that they have "aggressive caching." So they showed us how to 'purge' the cache. We did so yesterday. Nothing has changed since.</p> <p>Is there some way we can change the related "php" code for the logo? (to 'force' it to the left).</p> <p>Mark </p> http://www.kriesi.at/support/topic/mobile-splash-page#post-109382 Tue, 07 May 2013 00:28:39 +0000 Ismael 109382@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad you fixed it.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/mobile-splash-page#post-109360 Mon, 06 May 2013 21:54:28 +0000 HammerbyGB 109360@http://www.kriesi.at/support/ <p>Sorry to reply myself but I found the solution in a premium plugin, I post it here if anyone else needs this functionality (non afiliated)</p> <p><a href="http://codecanyon.net/item/wp-mobile-splash-page-editor" rel="nofollow">http://codecanyon.net/item/wp-mobile-splash-page-editor</a></p> <p>Regards </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-109336 Mon, 06 May 2013 20:03:32 +0000 Ismael 109336@http://www.kriesi.at/support/ <p>Hi,</p> <p>Do you have a caching plugin enabled on your website?</p> <pre><code>@media only screen and (max-width: 767px) #top .logo a, #top .logo img { display: block; margin-left: -100px; }</code></pre> <p>The code above does work on our end. The margin-left: -100px is there just to show how much the logo moved when it is used.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/mobile-splash-page#post-109319 Mon, 06 May 2013 19:18:28 +0000 HammerbyGB 109319@http://www.kriesi.at/support/ <p>Hello Everyone. For our future site we need a kind of "Mobile Splash Screen" something like a modal splash screen that ease the access to direct functions/buttons that would be nice to have when you visit from mobile: tap to call, tap to email, dismiss and continue to the website etc.</p> <p>Anybody knows a plugin (free/paid) or code snippet that can provide this functionality and plays nice with Enfold?. There is no need for it to be a turn-key solution since we would like to code the actual splash page contents, is the mobile detection and modal framework what we need.</p> <p>Regards </p> http://www.kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-109297 Mon, 06 May 2013 16:51:41 +0000 mbesh 109297@http://www.kriesi.at/support/ <p>The logo is 'centering' with Chrome and Safari with iOS6 and on Android (as well as with IE10 on the PC) [though, all other browsers, on both PC's and Mac's, render it properly left justified]. Note: Cleared all data/histories many times.</p> <p>Here's what we are seeing:</p> <p>Android:
<br /> <a href="http://www.4vis.com/Android.jpg" rel="nofollow">http://www.4vis.com/Android.jpg</a></p> <p>iPhone-Chrome:<br /> 
http://www.4vis.com/iPhone-Chrome.jpg</p> <p>iPhone-Safari:<br /> 
http://www.4vis.com/iPhone-Safari.jpg</p> <p>We are focused on phones for this issue (since most computer browsers and tablets are wide enough not to have this issue), but I thought I would send you a pic of a PC with IE10 just to show you another way to see the issue easily:<br /> 
http://www.4vis.com/PC-IE10.jpg</p> <p>SIte Link:<br /> <a href="http://visualimpactsystems.com/" rel="nofollow">http://visualimpactsystems.com/</a></p> <p>CSS:<br /> <a href="http://visualimpactsystems.com/wp-content/themes/angular/css/custom.css" rel="nofollow">http://visualimpactsystems.com/wp-content/themes/angular/css/custom.css</a></p> <p>Thanks for your time on this.</p> <p>Mark Besh<br /> Visual Impact Systems</p> <p>FYI: We tried all the suggestions in this previous thread:<br /> <a href="http://www.kriesi.at/support/topic/add-telephone-number-above-menu-headings#post-107244" rel="nofollow">http://www.kriesi.at/support/topic/add-telephone-number-above-menu-headings#post-107244</a> </p> http://www.kriesi.at/support/topic/rename-mobile-menu#post-109256 Mon, 06 May 2013 14:06:40 +0000 Dude 109256@http://www.kriesi.at/support/ <p>Hey! </p> <p> No, I'm not aware of another text string. You just need to change the topOptionText text. However try to clear the browser cache - maybe your browser uses the old, cached js file. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/rename-mobile-menu#post-109234 Mon, 06 May 2013 13:24:21 +0000 hagmund 109234@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm trying to rename the mobile menu to my own language from the default "Select a page".</p> <p>I changed topOptionText: 'Navigera', in js/avia.js but the text on the menu does not change, and still says "Select a page" instead of "Navigera" as I want.</p> <p>Do I need to change it somewhere else? I use the "Dropdown Menu" in the header settings.</p> <p>Thanks! </p>