http://www.kriesi.at/support/tags/smartphone Support Forum - Tag: smartphone - Recent Posts en-US Tue, 21 May 2013 21:06:48 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-59157 Thu, 07 Jun 2012 05:30:54 +0000 praecurvo 59157@http://www.kriesi.at/support/ <p>bump </p> http://www.kriesi.at/support/topic/how-to-hide-div-content-if-shown-on-mobile#post-52770 Sun, 22 Apr 2012 12:32:52 +0000 Michael Hainsworth 52770@http://www.kriesi.at/support/ <p>Thanks so much! I'm well on my way to creating my own web app within Propulsion! </p> http://www.kriesi.at/support/topic/how-to-hide-div-content-if-shown-on-mobile#post-51320 Wed, 11 Apr 2012 22:52:13 +0000 Ismael 51320@http://www.kriesi.at/support/ <p>Hello,</p> <p>You can drop a media query on your custom.css </p> <pre><code>@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .qrcode widget { display: none }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-hide-div-content-if-shown-on-mobile#post-51166 Wed, 11 Apr 2012 14:00:50 +0000 Michael Hainsworth 51166@http://www.kriesi.at/support/ <p>Hi there! CSS3 newbie asking if you know how I can set a div (specifically my .qrcode widget) to display: none if the widget is being shown on a handheld device? There's no sense in cluttering up the reader's screen with a QR Code when they're already on a smartphone, so I'd like to hide it.</p> <p>Any help would be greatly appreciated. </p> <p>thanks! </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-43767 Tue, 28 Feb 2012 01:10:48 +0000 praecurvo 43767@http://www.kriesi.at/support/ <p>Dude, Chris, Kriesi,</p> <p>Please take a look at my website <a href="http://www.inseeds.com" rel="nofollow">http://www.inseeds.com</a> and select the "questions" or any other longer page menu tab. Scroll down to the bottom of the page and change to the next image with the image scroll at the bottom and watch the menu bounce up and down with each image. If I lock the menu with the provided code, then when on a smaller resolution screen, the bottom menu selections can not be seen nor selected. </p> <p>Simply, a menu that is not locked consistently would resolve my problem. Ideally, I would like a menu that scrolls up and down to see every selection and then stops at the top or bottom of itself while letting the pages continue scrolling. </p> <p>Also, it doesn't seem like this theme is very smartphone friendly so perhaps I could use one of your simple smartphone themes. Is there a way to have a default mobile theme load while on a smartphone? </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-43279 Fri, 24 Feb 2012 04:45:46 +0000 praecurvo 43279@http://www.kriesi.at/support/ <p>Do you know, but if I could only scroll the main menu to it's top and bottom (from the logo to the social media buttons) and have it locked within those parameters, that would be Golden!</p> <p>aaron </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-42993 Wed, 22 Feb 2012 18:52:20 +0000 praecurvo 42993@http://www.kriesi.at/support/ <p>Thank you Dude,</p> <p>This fix doesn't solve the issue on a smaller screen like a smartphone or a laptop. On the smartphone, when zoomed in, the menu is in the way of content. To be quite honest, it's actually great in stock form but I would like to menu to stay scrolled up when the background slideshow is running. As I said earlier, every other slideshow image will fix the menu position and the other will let it go. That's the fix I'm looking for.</p> <p>aaron </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-42897 Wed, 22 Feb 2012 08:20:55 +0000 Dude 42897@http://www.kriesi.at/support/ <p>Try to use following code:<br /> <pre><code>.sidebar.sidebar1.sidebar_absolute { left: 50px !important; position: fixed !important; }</code></pre> <p>instead of:<br /> <pre><code>.sidebar.sidebar_absolute { left: 50px !important; position: fixed !important; }</code></pre> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-42850 Wed, 22 Feb 2012 04:21:21 +0000 bka835 42850@http://www.kriesi.at/support/ <p>Anybody....? Help? </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-42642 Tue, 21 Feb 2012 05:08:07 +0000 bka835 42642@http://www.kriesi.at/support/ <p>Dude, I added this style per your advise<br /> .sidebar.sidebar_absolute {<br /> left: 50px !important;<br /> position: fixed !important;<br /> }<br /> Menu sidebar works great, but now right side bar with Calendar hides behind the left sidebar, could you help please? </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-42501 Mon, 20 Feb 2012 06:48:21 +0000 praecurvo 42501@http://www.kriesi.at/support/ <p>I'd like to add as a possible solution. Can I have all of the menus automatically re-size more according to the screen space being used.</p> <p>?<br /> aaron </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-42488 Mon, 20 Feb 2012 00:43:30 +0000 praecurvo 42488@http://www.kriesi.at/support/ <p>Dude,</p> <p>It seems we have another issue. On a smartphone or smaller screen when using the "fixed" menu position code from above, viewing the lower half of the menu is not possible. Also, on my macbook pro 15 due to the screen size the "f" and "t" icons can't be seen unless there is a page selected with more content to scroll down with. I have deleted the "fixed" code and I would like a code that would allow scrolling of the menu regardless of the amount of content on a page. This would allow smaller screens the ability to scroll to see the lower portions of the menu as well. Additionally, when the slideshow is moving in the background, it has different effects on the menu's position. One picture will allow a scroll down on the page and the next will place the menu in the fixed position...FYI. If you would like to suggest a solution as well I would be interested.</p> <p>Thanks again,<br /> aaron </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-41823 Wed, 15 Feb 2012 13:57:25 +0000 Dude 41823@http://www.kriesi.at/support/ <p>Did you try 0px instead of 50px? The standard value is left: 50px - this pushes the sidebar 50px to the right. However if you use -50px the sidebar will move 100px to the left instead of just 50px. </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-41772 Wed, 15 Feb 2012 09:43:37 +0000 jorisvh 41772@http://www.kriesi.at/support/ <p>Hello,</p> <p>I still got a strange problem. I made a container div to center the site. The sidebar was 50px to the right so I fixed that with:</p> <p>.sidebar{<br /> position: fixed;<br /> left: -50px !important;<br /> }</p> <p>But it only works with a single background with no-repeat. When I use a fullscreen slideshow the sidebar flips. I have no idea why and I must fixe this for a client.</p> <p><a href="http://woonmodule.nl/test/Good.jpg" rel="nofollow">http://woonmodule.nl/test/Good.jpg</a><br /> <a href="http://woonmodule.nl/test/Not_good.jpg" rel="nofollow">http://woonmodule.nl/test/Not_good.jpg</a></p> <p>Who can help me out! Thanks a lot! </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-41719 Tue, 14 Feb 2012 23:16:25 +0000 praecurvo 41719@http://www.kriesi.at/support/ <p>Dude,</p> <p>How did you do that? Great work! </p> <p>Thank you,</p> <p>Aaron </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-41583 Tue, 14 Feb 2012 06:54:49 +0000 Dude 41583@http://www.kriesi.at/support/ <p>Try to add following code to the quick css field:<br /> <pre><code>.sidebar.sidebar_absolute { left: 50px !important; position: fixed !important; }</code></pre> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-41571 Tue, 14 Feb 2012 05:04:30 +0000 praecurvo 41571@http://www.kriesi.at/support/ <p>Thanks for the clarification. The quick CSS edits did something, but still not locking the menu. Without the edits, the menu will scroll up or down depending on the photo that is in the slideshow. I would really like a locked menu. When I place either of the two above edits into the quick CSS edit, the menus gets entirely screwy. It will move to the right sometimes, or center depending on which page I select and how far I scroll down on each page. I truly do not have the confidence to download my custom CSS from a ftp client like "areaofintere" mentioned. Is there another fix for this issue? One more thing, I also reset me entire browsing history on Chrome.</p> <p><a href="http://www.inseeds.com" rel="nofollow">http://www.inseeds.com</a></p> <p>TY<br /> aaron </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-41497 Mon, 13 Feb 2012 19:27:03 +0000 Chris Beard 41497@http://www.kriesi.at/support/ <p>Hey,</p> <p>I didn't respond earlier because the solution(s) provided are all valid.<br /> All styling can be added to your Quick CSS in your control panel OR you can add it to your css/custom.css file which you'll need to access through the FTP and then overwrite it with your modified version. Adding things to your Quick CSS has the same effect as adding it to the custom.css. </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-41421 Mon, 13 Feb 2012 10:14:43 +0000 areaofinterest 41421@http://www.kriesi.at/support/ <p>In your Wordpress dashboard &gt; Flashlight &gt; Styling at the buttom you can enter the .css code (simply copy/paste into it). If you want more control and overview you must download the custom.css file with the help from a ftp-client (i.e. filezilla). Ftp-clients makes it possible to manage your files on the server (host). When downloaded you can see the code in a simple texteditor or in a programme as adobe's dreamviewer. Here you can add, edit and change the custom.css which represents all aestethics of your webpage. When changed, you need to save the file with the same name (custom.css) and replace the old custom.css on the server with the new one you just edited.</p> <p>This is the best I can do. Remember to always backup your custom.css files. Good luck! </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-41175 Fri, 10 Feb 2012 23:30:37 +0000 praecurvo 41175@http://www.kriesi.at/support/ <p>I am so confused on how to edit my custom css. Can someone please explain?</p> <p>aaron </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-40870 Thu, 09 Feb 2012 09:19:00 +0000 areaofinterest 40870@http://www.kriesi.at/support/ <p>.sidebar {position:fixed !important;}</p> <p>this works for me! remember to clear your browser cache or the result might not show instantly. </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-40678 Wed, 08 Feb 2012 09:57:07 +0000 jorisvh 40678@http://www.kriesi.at/support/ <p>I position fixed my sidebar with a margin and padding of 0 so my sidebar is on the upper left of my screen. This is what I want. But when I go to a page with a content block and a slideshow fullscreen behind it, my sidebar goes to the right with 50px. Why is that and how can change it so my sidebar is always at the left of the screen.</p> <p>Thanks </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-40660 Wed, 08 Feb 2012 01:07:13 +0000 aroundtheworldandback 40660@http://www.kriesi.at/support/ <p>EDIT:<br /> I tried adding this to my custom.css but no luck. Any other ideas?</p> <p>avia_fullscreen_slider canvas{<br /> display: block;<br /> position: fixed;<br /> top:0;<br /> left:0;<br /> z-index: 1;<br /> } </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-40643 Tue, 07 Feb 2012 21:27:01 +0000 aroundtheworldandback 40643@http://www.kriesi.at/support/ <p>Is it possible to fix the position of the background gallery so that it won't overlap with the menu when the browser window isn't full size? Ideally it would be great if a horizontal scroll bar could be used to navigate the site when the window isn't full size, instead of all of the content overlapping. </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-39828 Thu, 02 Feb 2012 14:25:08 +0000 larssonk22 39828@http://www.kriesi.at/support/ <p>If you could share a link to your site that would be helpful</p> <p><code>.sidebar {position:fixed !important;width:220px; left:50px;}</code></p> <p>this will fix the position, set the width to 22px and leave a gap of 50px between the left edge of the browser window and the sidebar </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-39825 Thu, 02 Feb 2012 14:12:49 +0000 areaofinterest 39825@http://www.kriesi.at/support/ <p>It actually messes with the position of the menu. It moves allt the way to the left of the screen. And now the shop plugin does not fit to the menu any longer..</p> <p>How do I adjust these things? Or is there a smarter way to fixate the menu? </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-39790 Thu, 02 Feb 2012 10:17:22 +0000 areaofinterest 39790@http://www.kriesi.at/support/ <p>Thanks a million! </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-39781 Thu, 02 Feb 2012 10:05:06 +0000 larssonk22 39781@http://www.kriesi.at/support/ <p>Background is already fixed</p> <p>To fix the position of the navigation menu add the following to your custom css</p> <p><code>.sidebar {position:fixed !important;}</code> </p> http://www.kriesi.at/support/topic/fixed-position-main-menu-and-background-image#post-39780 Thu, 02 Feb 2012 10:00:19 +0000 areaofinterest 39780@http://www.kriesi.at/support/ <p>Hello</p> <p>Is it possible to lock the main menu and the background image so that when scrolling down the blog and pages, the menu and background image stay visible and in the same position at all times?</p> <p>And of course how? ;)</p> <p>Best,<br /> Martin </p> http://www.kriesi.at/support/topic/iphone-ipad-background-not-resizing#post-33131 Sat, 26 Nov 2011 04:00:50 +0000 isaakdury 33131@http://www.kriesi.at/support/ <p>Yeah, have iOS5 installed on both iPhone and iPad and still having the issue... mind you it's not for every page... </p> <p>Seems to work just fine and resize properly on the home page: <a href="http://www.tidyclub.com" rel="nofollow">http://www.tidyclub.com</a> but not on <a href="http://tidyclub.com/features/" rel="nofollow">http://tidyclub.com/features/</a> </p> <p>Is there an alternative to the position:fixed? </p>