Home Forums Weaver Xtreme Theme mobile and desktop logo Re: mobile and desktop logo

#33236
scrambler
Moderator
@sarahtodde 
Actually not At all good 🙂

First you pasted the HTML I gave you without even replacing the linkurl and mageurl by their actual values so it is completely useless
Next you left the background image, so you need to remove that so you dnt have two images on to of each other.
Finally you added a css rule  height:142px to the pre header are, which breaks responsiveness when the browser gets smaller.

When you shrink the browser the image scales down with the container, and that opens up a dead space below.

To fix all that try the following.

Remove the background image
Remove the height:142px CSS on the pre header
Remove everything you have in the pre header code box

Add the following HTML in the Pre header code box, to insert the image first, and then an absolute positioned div with the text so it will be over the image
Like that the image will determine the size of the container (no need for height:…) and the text will float above.
Change the top and right value to whatever you need

<a href=”http://carolinainsurancesolutions.com”&gt; <img src=”http://carolinainsurancesolutions.com/wp-content/uploads/2017/02/header15.jpg”&gt; </a>
<div style=”position:absolute;top:10px;right:10px;text-align:right;”>
17206 Lancaster Hwy, Suite 506<br>
Charlotte, NC 28277<br>
(704) 248-6100
</div>

Post back with that in place if it needs tweaking