Guest Posted March 27, 2015 Share Posted March 27, 2015 @@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 Link to comment Share on other sites More sharing options...
piernas Posted March 27, 2015 Share Posted March 27, 2015 @@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. Link to comment Share on other sites More sharing options...
piernas Posted March 27, 2015 Share Posted March 27, 2015 Correct: if you increase max-width the template is ok but the header still overlaps. I'll watch it deeper... Link to comment Share on other sites More sharing options...
Guest Posted March 27, 2015 Share Posted March 27, 2015 @@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 Link to comment Share on other sites More sharing options...
ArtcoInc Posted March 27, 2015 Author Share Posted March 27, 2015 @@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 Link to comment Share on other sites More sharing options...
piernas Posted March 27, 2015 Share Posted March 27, 2015 It seems to work okay for me with: body { width: 100%;padding-top: 80px !important; } @[member=media] (max-width: 1920px) { Link to comment Share on other sites More sharing options...
Guest Posted March 27, 2015 Share Posted March 27, 2015 @@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 Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.