Hi Begrafix. I tried that but it didn’t work so I’ll live with it as is. But I’d really like to know how to align the left edge of Questions on top left above logo with the left edge of text in the main body please.

Hi, I just tried that but it doesn’t make any difference.

Yay! Thanks Yigit – that did the trick! :-)

Thanks Begrafiks, I sorted the social bookmarks and have ended up disabling the menu shrinking ability to avoid the overlapping logos. I’m still stuck with issue 5: Left edge of logo is not correctly aligned to the left edge of the text below it and it moves depending on what screen size you view the site on. How can I make sure the left margin is always the same for the logo and the text on the page below it? And, I’d also like the Questions? text above it to align the same way.

Thanks so much for the suggestions Begrafiks. I’ve managed to get the top menu looking much better and sorted out the social bookmarks with the following code:
#top .social_bookmarks li {width: 25px!important;}

I still need help with these issues pls
1) When logo shrinks, it get 2 logos overlapped. I’ve got a full size and small size logo so when you arrive on the site, it shows the big logo, then when you scroll down it switches to a small version which is text only. But I end up with the big logo overlapping the small one instead of the big one disappearing when you scroll down.
4) I have 2 social media icons on the top right and then there’s a gap so they’re not correctly aligned to the right of the screen. How can I get them placed correctly to touch the right page border?
5) The left edge of the logo is not correctly aligned to the left edge of the text below it and it moves depending on what screen size you view the site on. How can I make sure the left margin is always the same for the logo and the text on the page below it?

I just checked on all my different devices and cleared the cache. The font is still incorrect – I inspected the element and it shows in Times New Roman instead of Source Code Pro.

I found out how to do this on another forum….
1) Go to the page where you want to add border to Content Element
2) Use Firebug or similar to Inspect the element where you want to add the border and find out the element name, e.g. .avia-builder-el-40
3) Edit the custom.css file and add the following line
.avia-builder-el-40 { border: solid 2px #e1e1e1; padding: 10px;}

You can also add a background colour if you like, e.g. background-color: #F00;