http://www.kriesi.at/support/topic/translations-and-responsive-menus Support Forum - Topic: Translations and responsive menu's en-US Tue, 21 May 2013 09:53:13 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-96858 Fri, 15 Feb 2013 02:35:17 +0000 Nick 96858@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please try this code instead<br /> <pre><code>@media only screen and (max-device-width: 767px){ #header .container_wrap_logo { height: 10em !important;} #top .responsive .sub_menu { left: 0.1em !important; top: 9em !important; } }</code></pre> <p>Please add that to the end of Quick CSS or to the very end of /css/custom.css You will need to massage the left and top to create media queries for different screen sizes in this same format.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-96702 Thu, 14 Feb 2013 08:34:34 +0000 MagentaManiacs 96702@http://www.kriesi.at/support/ <p>Thanks, but I think I didn't express myself right. This is what I would like to do: <a href="http://grab.by/jSDi" rel="nofollow">http://grab.by/jSDi</a> </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-96563 Wed, 13 Feb 2013 17:45:16 +0000 Nick 96563@http://www.kriesi.at/support/ <p>Hi,</p> <p>The second menu became unattached since I believe you re-positioned it , and all it needs are media queries to control it for the various screen sizes you want to target. Here below are for 768 (ipad portrait) and another for 480 (iphone landscape). You also have little real estate left on the page at lower screen sizes for the second menu of that size, so i cut its width a bit and re-positioned it. For iPhone portrait, I am not really sure where to place the second menu (do you need it at that size?) That is a design question though, outside my area of expertise.</p> <pre><code>@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #top .sub_menu{ top: 10%; right: 0px; }} @media only screen and (max-device-width : 767px) { #top .sub_menu{ top: 6px; left: 48%; width: 250px !important; }}</code></pre> <p>You may need to add !important, to some of them, though at first glance doesn't seem so.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-96479 Wed, 13 Feb 2013 07:38:00 +0000 MagentaManiacs 96479@http://www.kriesi.at/support/ <p>Yes, this is looking good; but in responsive mode, the top menu is layered above the logo. Something I can't seem to fix. </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-96382 Tue, 12 Feb 2013 16:15:08 +0000 Nick 96382@http://www.kriesi.at/support/ <p>Hi,</p> <p>This is what I see -&gt; <a href="http://www.clipular.com/c?2063844=G8q3gsjPP_bYXbJ0zMvhOUJ3VHk" rel="nofollow">http://www.clipular.com/c?2063844=G8q3gsjPP_bYXbJ0zMvhOUJ3VHk</a></p> <p>There are 2 menus. One is on the same level to the right of the logo, and the second one is under the logo.</p> <p>What browser and OS are you seeing the menu (and which one) above the logo?</p> <p>Where do you want the menu, above the search box?</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-96177 Mon, 11 Feb 2013 14:50:18 +0000 MagentaManiacs 96177@http://www.kriesi.at/support/ <p>Ok, added to the custom css file, but the menu block is till layered above the logo. Any ideas on how to get it a bit lower? </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-95624 Thu, 07 Feb 2013 07:27:58 +0000 Ismael 95624@http://www.kriesi.at/support/ <p>Hi,</p> <p>My bad. You should add this on your custom.css not on grid.css</p> <pre><code>@media only screen and (max-width: 767px) { /*footer and bellow*/ .responsive .sub_menu{display:block;} }</code></pre> <p>Nice website. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-95622 Thu, 07 Feb 2013 07:25:04 +0000 Dude 95622@http://www.kriesi.at/support/ <p>Hi! </p> <p> Please try to add following code to css/custom.css:</p> <pre><code>@media only screen and (max-width: 767px) { responsive .sub_menu{margin-top: 45px;} .responsive h1.logo{margin-bottom: 45px;} }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-95465 Wed, 06 Feb 2013 14:08:28 +0000 MagentaManiacs 95465@http://www.kriesi.at/support/ <p>Here it is: <a href="http://tire-bouchon.magentaplayground.be/" rel="nofollow">http://tire-bouchon.magentaplayground.be/</a><br /> Tnx! </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-95290 Tue, 05 Feb 2013 15:27:00 +0000 Kriesi 95290@http://www.kriesi.at/support/ <p>Hi! </p> <p> Mind sending us a link to your installation so we can check it ourself with the chrome web inspector? </p> <p> Regards,<br /> Kriesi </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-95279 Tue, 05 Feb 2013 15:03:07 +0000 MagentaManiacs 95279@http://www.kriesi.at/support/ <p>Ok, thanks, works perfect!</p> <p>The top-menu is now above the logo though and I can't seem to position it any lower. Any ideas on that one? </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-95070 Mon, 04 Feb 2013 17:21:39 +0000 Devin 95070@http://www.kriesi.at/support/ <p>Hi MagentaManiacs,</p> <p>In your theme files open the config-woocommerce folder and inside it will be the config.php file. You will need to connect via ftp to view it.</p> <p>Add any new or custom css to either the Quick CSS file in your Styling sections or to the custom.css file in the css folder. Never add any css to the themes css grid,layout or main style.css files.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-94954 Mon, 04 Feb 2013 09:23:33 +0000 MagentaManiacs 94954@http://www.kriesi.at/support/ <p>Hi, thanks for the fast reply!</p> <p>1) Correct me if I'm wrong, but I can't find a woocommerce config.php file?</p> <p>2) Addes this to the grid.css file without any results. Am I doing something wrong? </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-94608 Sat, 02 Feb 2013 01:54:41 +0000 Ismael 94608@http://www.kriesi.at/support/ <p>Hi,</p> <p>1.) Open woocommerce-config &gt; config.php then find this code</p> <p><code>$output .= &quot;&lt;a class=&#39;cart_dropdown_link&#39; href=&#39;&quot;.$link.&quot;&#39;&gt;&quot;.__(&#39;Cart&#39;, &#39;avia_framework&#39;).&quot; - &lt;/a&gt;&lt;span class=&#39;cart_subtotal&#39;&gt;&quot;.$cart_subtotal.&quot;</code></p> <p>Translate this line</p> <p><code>(&#39;Cart&#39;, &#39;avia_framework&#39;)</code></p> <p>2.) To show the submenu, just add this.</p> <pre><code>@media only screen and (max-width: 767px) { /*footer and bellow*/ .responsive .sub_menu{display:block;} }</code></pre> <p>You might need to reposition it.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/translations-and-responsive-menus#post-94510 Fri, 01 Feb 2013 13:21:41 +0000 MagentaManiacs 94510@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm having two little problems:</p> <p>1) Everything in the Replete theme is translated quite nicely to Dutch. I just can't seem to find out how to translate the word 'Cart' that's automatically inserted in the menu.</p> <p>2) Is there a way to keep the top menu visible in 'responsive mode'? Now I can only see the main menu.</p> <p>Thanks in advance! </p>