[SOLVED] Trouble adding widget to header
 

I am a noob and think I did most of this right but must be missing something.
I wanted to add a widget area to the header for social icons. I added the new widget.

I put this code in the Style and Edit Header Area
%image <div class="right"><?php bfa_widget_area('name=My new widget area'); ?> </div> %pages

I added this to the CSS Inserts
.right {
position:relative;
top:-155px;
left:700px;
width:200px;}

It looks like the positioning is going to be good.
BUT there now is a big white space between the %image and the %.pages.

How do I get rid of it? My website is www.lasertattooremovalfinder.com. Thanks. Liz.

The space for the div is still there. You can perhaps use a height of 0 for the div or use absolute positioning. If you use absolute positioning you will have to add position: relative to #wrapper. You would also need to tweak your current CSS if you go the absolute positioning route.

Thanks for your answer. I need some direction. I am a complete novice.

I made the position absolute and I lost the blank space but then the widget did not display.

If I was going to try using height = 0 where do I put the code?

The code you could use is either of the following. The code may need to be tweaked for distances.
OR

Thanks. Worked like a charm. Liz.