Solved Header Style 1 - Responsive Column Width Problems

Setting up a custom header style which looks great except when I view on smaller desktop screens of tablets. I've been tweaking the custom widths / padding for hours and cant seem to fix it so hopefully you can assist.

This is what it looks like on a decent sized desktop (this example is 1325px screen width as thats the breaking point)

As soon as you go below 1325px the 3rd column performs a page break which messes up the design. I've tried everything I can think of to move the columns around / increases widths but nothing seems to work



So i'd basically like all columns to stay the same until the width hits the tablet sized screen, which I believe is 1280px

Now when it hits 1279px and the tablet menu displays, they're not all on the same row, so i'd like that fixed too



When shrunk even further they are all in one column - which is perfect for cellphones, so i'm happy with that. If they have to be in one column for tablet too then so be it, but i'd prefer if they were all one one line



URL: https://dev2.cronusmax.com

Thanks again - your support has been excellent!

 

Fixed the problem with the desktop header (it ended up being the gutter width)

Still have issues with the tablet header - i can't get all 3 blurbs on one line no matter what i try

 

Thank you - that did the trick!