CSS styling help

1. You could apply position: relative; to <div id="header">, this should increase browser compatibility, but if it still doesn’t, can you state what’s wrong and in which browser & browser version?

2. Look for :hover in your stylesheet, then find which is applying the problematic styles https://bigthinkingonline.com/wp-content/themes/somosocial/style.css .

Hi Andrew,
Thanks for the quick response.
Here is what I have done.

1. replaced the absolute command with relative. Positioning is now the same in chrome, IE and Firefox however the positioning is not where I want it to be. It needs to be slightly higher so the bottom of the box ends on the bottom of the header and is further over to the right above the capture form. How would I do that?

2. I have removed hover altogether however this has made no difference. The hyperlinks still appear bold when hovered over and are still in the incorrect colour!

Thanks,
James

1. You needed only add position: relative; to <div id="header>", rather than replace any positioning.

Andrew,

here is the line of code
<div style="position: relative; to <div id="header"><absolute; top:70px; left:900px;">

That is not working. What should the code be?
Thanks

Have you tried contacting your theme’s vendors, as you’re using a commercial theme?

I have a problem as well. I want to remove the padding on header on my webiste, https://kicksism.com/ . You can see it for yourself at the link. Can you help me out?

Andrew,
I have tried the theme vendors but no joy.
Is there anything else you could recommend?
Thanks

I’m sorry but we do not support commercial themes as you paid for support when you bought the theme. It is not our place to keep theme vendors in business.

@patd4567

please start your own topic – your problem is neither the same nor even related to the current topic.