http://www.kriesi.at/support/topic/menu-indent-second-line-on-smaller-browsers Support Forum - Topic: Menu indent second line on smaller browsers en-US Tue, 18 Jun 2013 22:17:30 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/menu-indent-second-line-on-smaller-browsers#post-55140 Tue, 08 May 2012 10:09:28 +0000 Ismael 55140@http://www.kriesi.at/support/ <p>Hi,</p> <p>Glad that you have found the solution. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/menu-indent-second-line-on-smaller-browsers#post-55139 Tue, 08 May 2012 10:00:34 +0000 marjons 55139@http://www.kriesi.at/support/ <p>So... I figured it out! </p> <p>After a long puzzle I found out that the menu items where displayed as Block elements, after I changed it to Inline it worked fine. I did had to change some of the other elements to make it look like I wanted again, but it works fine now.</p> <p>I'm very happy now, hopefully if someone else has this problem they can do something with this solution. </p> http://www.kriesi.at/support/topic/menu-indent-second-line-on-smaller-browsers#post-54962 Mon, 07 May 2012 09:43:19 +0000 marjons 54962@http://www.kriesi.at/support/ <p>Further testing shows that this only happens on the "Home" and "Diensten" page, see:<br /> Home: <a href="http://www.marjonswebsites.nl/vink/" rel="nofollow">http://www.marjonswebsites.nl/vink/</a><br /> Diensten: <a href="http://www.marjonswebsites.nl/vink/diensten/" rel="nofollow">http://www.marjonswebsites.nl/vink/diensten/</a></p> <p>The other pages work fine, so I think it has something to do with the dynamic template, I just can't figure out what... </p> <p>I can show you how it looks right now: <a href="http://www.marjonswebsites.nl/vink/files/menu_example.jpg" rel="nofollow">http://www.marjonswebsites.nl/vink/files/menu_example.jpg</a><br /> and how it should look: <a href="http://www.marjonswebsites.nl/vink/files/menu_example2.jpg" rel="nofollow">http://www.marjonswebsites.nl/vink/files/menu_example2.jpg</a></p> <p>See what I mean with the indent?</p> <p>If anyone know what could be the solution I would very much appreciate it, thank you! </p> http://www.kriesi.at/support/topic/menu-indent-second-line-on-smaller-browsers#post-54772 Sat, 05 May 2012 10:18:39 +0000 marjons 54772@http://www.kriesi.at/support/ <p>Hello Ismael, thanks for your quick reply. I've tried this but unfortunately it's not the solution I'm looking for.</p> <p>The menu falls out of the background, the rest of the page is not good aligned anymore and the indent still sets in when I decrease the browsersize.</p> <p>Any other options? (I left your suggestion online so you can see what I mean)<br /> Thanks in advance! </p> http://www.kriesi.at/support/topic/menu-indent-second-line-on-smaller-browsers#post-54759 Sat, 05 May 2012 01:49:05 +0000 Ismael 54759@http://www.kriesi.at/support/ <p>Hello,</p> <p>You can emphasize a minimum width for the header to prevent it from decreasing size on lower resolutions.</p> <pre><code>.container { minimum-width: 1150px; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/menu-indent-second-line-on-smaller-browsers#post-54690 Fri, 04 May 2012 16:32:20 +0000 marjons 54690@http://www.kriesi.at/support/ <p>I have this problem that I can't seem to figure out myself... I created menu buttons instead of just the words and it works fine. But... when I decrease the size of the browser the alignment of the second menu line gets weird, it's like it's indented by something.</p> <p>Testing helped my discover that it's only on the flexible dynamic template pages, the single portfolio item pages show the menu correctly.</p> <p>The beta version of the website can be found on: <a href="http://www.marjonswebsites.nl/vink" rel="nofollow">http://www.marjonswebsites.nl/vink</a></p> <p>A page were it works like I wanted to: <a href="http://www.marjonswebsites.nl/vink/portfolio-item/het-talenten-theater/" rel="nofollow">http://www.marjonswebsites.nl/vink/portfolio-item/het-talenten-theater/</a></p> <p>What can I do? </p> <p>Thanks in advance for your answer!</p> <p>PS: I also wonder... when I validate the page trough W3c Css validator I get a lot of errors, mainly because of the use of CSS3 I guess, but is that no problem? </p>