Viewing 15 replies - 1 through 15 (of 19 total)
  • Well, use the correct media query for ipad in landscape, or just something more general to match a certain window width range and then:

    .tc-header .navbar-wrapper[class*=span] {
    width: 100%;
    }

    should work

    p.s.
    here rdell told us the media query for ipad in landscape:
    https://themesandco.com/snippet/media-queries-responsiveness/
    line 58

    Did this help?

    Thread Starter stellamaris5

    (@stellamaris5)

    so I add this code?

    .tc-header .navbar-wrapper[class*=span] {
    width: 100%;
    }

    something like:

    @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
        .tc-header .navbar-wrapper[class*=span] {
            width: 100%;
        }
    }

    p.s.
    anyway I find your site very nice, neat and clean. Have you already submitted it to Customizr Showcase?

    Thread Starter stellamaris5

    (@stellamaris5)

    aw thanks @d4z_c0nf I did before

    Thread Starter stellamaris5

    (@stellamaris5)

    hi @d4z_c0nf sorry I removed the code from first reply and only added code from second reply?? Is this correct?

    Yes, I was not clear in the first reply. I meant finding the right media query to intercept ipad landscape and insert the code I gave you into it.
    The second reply is, then, the correct code to use, if you wanted that ??
    Solved?

    Thread Starter stellamaris5

    (@stellamaris5)

    it is wrapping again once it reaches switchpoint to full menu.

    first one was better but it didnt stay centred, something in between?

    Sorry I don’t understand. Didn’t you want something just for ipad in landscape?

    Thread Starter stellamaris5

    (@stellamaris5)

    Solved ?? So how do I get this site in Showcase ??

    Thread Starter stellamaris5

    (@stellamaris5)

    actually looking at the showcase site, I don’t think this is good enough, nevermind

    But maybe you’re interested in something different.
    What about having your navbar-wrapper always the same width of the main content? It’s pretty simple since you use logo + navbar centered and you don’t use the sticky header.
    Just adding this to your child-theme functions.php:

    add_filter('tc_navbar_wrapper_class', 'my_navbar_class');
    function my_navbar_class($classes){
        return str_replace('span9', 'container', $classes);
    }

    without using the css above (which by the way will not work ?? )

    About the site in the Showcase, well.. we have to wait for Nicolas,
    he’s the only one master ?? . But looking at your site I’m pretty sure it will be there, sooner or later ?? [Edit] Following your last reply. Well I think your site is good enough! Sites may not all be flashy. Simplicity, cleanliness, the right choice of colors and fonts, very often make the difference. But this is just my opinion.[/Edit]

    Well, I’m glad its solved.

    Thread Starter stellamaris5

    (@stellamaris5)

    I added the PHP code , thank you so much, that is what I was after actually but coudlnt explain it ??

    Briliant, solved!

    ??
    Look, there’s still a width range in which the navbar will be 100% so will not reflect the main content width, if you don’t like that, add this to your css:

    @media (max-width: 979px) and (min-width: 768px){
        .navbar-wrapper.container{
            width: 724px;
        }
    }

    Thread Starter stellamaris5

    (@stellamaris5)

    LOL superb…thanks a LOTSSS

    Thread Starter stellamaris5

    (@stellamaris5)

    Excellent effect! When I expand desktop window the site POPS from resonsive to desktop menu, brialliant!

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘no wrap nav bar?’ is closed to new replies.