Broken header 4

[brendanhalyday]

Hey guys
I am having problems with the header spacing between the top section and the bottom section

As you can see the vertical lines of the header design no longer connect with the horizontal line that runs across the whole header. (i have circled the problem areas)

This all started when i put this shortcode [social size=’small’] in the ‘Header left text config’ section of the theme options.

How do I fix this, while keeping the social icons?

Also, seperate issue, is there an easy way to make the shop 4 columns of items plus sidebar or is it limited to 3 columns of items plus sidebar?
Thanks in advance

[Rui Guerreiro – SUPPORT]

Hi,

Can you send us the link of your site? It’s easier for us to see the site.

Best Regards,
Rui

[brendanhalyday]

Hi Rui
the site is hidden behind a coming soon plugin atm
the address is http://www.brendanhalyday.com

[Rui Guerreiro – SUPPORT]

I can’t access the site. Without that will be difficult to help you out.
You can send the login with private reply, only our support team will see those details and we are here to help. 🙂

[brendanhalyday]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.th-left .social-icons {
  margin: 0;
}

– Kyle

[brendanhalyday]

Thanks kyle. that fixed it nicely.

however i just switched from 1170 to 940 and have found the header is not shrinking properly. screengrabs attached. help?

[brendanhalyday]

Hi Kyle, the last cost you send didnt fix the problem.

im not really worried about the megamenus as i probably dont need them for the site, but i need the 940px sticky header menu to work properly, and the shortcode you provided didnt really fix it.

Also in 1170w mode the mobile and tablet responsiveness seems to work really well but in 940px mode the site responsiveness does not work well at all, especially when using headers 3-5. Can you please provide a solution for this or fix this in the next update?

thanks again!

[Swift Ideas – Ed]

Hi there,

Thanks for pointing this out, just fixed it. Send me an email via: http://themeforest.net/user/swiftideas and I’ll send over a fixed build for the header/mega menu.

I think you’ve added code which has broken the responsiveness?:

#container.boxed-layout, .layout-boxed #super-search, body.layout-boxed > .sf-super-search {
width: 1060px;
}

– Ed

[Swift Ideas – Ed]

If you’d like to reduce the original width, then you’d want this code instead of the above:

@media only screen and (min-width: 1250px) {
#container.boxed-layout, .layout-boxed #super-search, body.layout-boxed > .sf-super-search {
width: 1060px;
}
}

– Ed