I am 100% sure that I have messed this up somehow but I'm trying to make a custom header (my own theme) where the navigation menu is roughly about 80% width and the remaining 20% width are social icons. I am having trouble keeping the icons on the same row for some reason. I have attached an image to give you an idea of what I am trying to do and what is actually happening.
The top section of the image is the mockup created in photoshop (it's what I'm trying to create). The middle section of the image is what it currently looks like in my Upfront Builder "window". The third section is what it looks like from the front end "outside" of the Upfront Builder.
As you can see, the social media icons want to drop down to a new row even though in Upfront Builder they are showing on the same row. In looking at the resultant code there appears to be a clear:both in the css after the navigation. Any idea as to why this might be happening?
Also I seem to be having a lot trouble resizing elements. When I drag them to the width that I want they have a tendency to snap back to the width they were previously or some width in between what I want and what it started out to be. Is there any way to get the elements to snap to the gridlines?
Thanks in advance for your time!