Thanks guys,

I tried first Andy’s option, but that didn’t change anything, so I created my own facebook-widget like Ismael suggested, with the dark styling and added it through a text widget to the footer which seems to work fine!
Perhaps you guys should add these options directly to the default enfold facebook-like-box.

the site is live now, you can check the widget in the footer for anybody looking to do the same. (i added my own custom border by adding an extra class to the fb-like-box div.

http://surfersparadise.gr

I managed to figure the first part out my self (example) by adding this,

.logo {
position: relative;
display: block;
width: 35%;
max-width: 485px;
height: auto;
text-align: center;
}
.logo a {
display: inline-block;
vertical-align: middle;
}

I have also activated letting logo and menu adapt to browser window under header options, this gives me a bit more space to work with at smaller screen sizes…. and from 989px and under I want the responsive mobile menu activated which I have selected under the mobile header options. But a problem I’m having is that the logo isn’t centered between 768 and 989 pixel screen sizes and also the header bar doesn’t keep the same fixed height after scrolling like in mobile view.

please advise. thank you.

• This reply was modified 9 years, 10 months ago by surfersp. Reason: still facing a few problems!!