Consolidation of Items in Navbar

[Guest]

@@PupStar

 

Many thanks

 

The trouble when I do that is the logo gets pushed down the page and makes the header part look unbalanced. But maybe I will have to live with that if I want a fixed Nav bar.

 

Cheers

 

John

[piernas]

@@PupStar that should fix the overlap but not the change on the template.

 

@@grandpaj I think it's related to the @media (max-width: 1200px) you mention. Anything above 1200px will not take care of those settings.

 

I'd try increasing to i.e. 1600px (I don't know what values currently use big monitors) or even not using max-width instead, so there will be no upper limit to your template and will use it for resolutions higher than 768px.

[piernas]

Correct: if you increase max-width the template is ok but the header still overlaps. I'll watch it deeper...

[Guest]

@@piernas

 

Hi

 

Thank you so much for helping.

 

Ive increased to 1600px, I also tried using 100% but that just mad the site look like you are describing so I jave changed back to 1600px.

 

Look forward to your comments.

 

Cheers

 

John

[ArtcoInc]

@@grandpaj

 

(since we've already hijacked this thread ... :- )

 

Your Sales Hotline link, in the XS view, doesn't work. Your code:

<a class="btn btn-primary visible-xs" role="button" href="tel:' . STORE_PHONE . '">Sales Hotline (03) 693-8511</a>

I think it should be something like this:

<a class="btn btn-primary visible-xs" role="button" href="tel: <?php STORE_PHONE ?> ">Sales Hotline (03) 693-8511</a>

Malcolm

[piernas]

It seems to work okay for me with:

body {
    width: 100%;padding-top: 80px !important;
}

@[member=media] (max-width: 1920px) {

[Guest]

@@ArtcoInc@@piernas

 

As Malcolm has mentioned we've already hijscked this thread, So anything further I'll post in another thread.

 

Thanks so much guys.

 

Cheers

John