Making logo clickable at 768px

Tagged: clickable logo, responsive

This topic has 3 replies, 2 voices, and was last updated 10 years, 10 months ago by Eric.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
June 7, 2013 at 11:16 pm #5122
BossLady
Customer
Hi guys,

About to take an epic site done on Epik live – can’t wait for you guys to see it! – and I can’t get the logo clickable in portrait view. Here’s what I’ve got in css:
```
	#header {
		background-position: center top !important;
	}
	
	#title-area {
		float: none;
		text-align: center;
		width: 100% !important;
	}
```
Site is http://wp.dm2.com. What am I missing?

Thanks,
Edee
June 7, 2013 at 11:26 pm #5127
Eric
Customer
It’s actually the hyperlink that needs to be adjusted rather than the image itself. Take a look around line 693 in your css file and change the width to around 300px instead of “55%”
```
.header-image #title,
.header-image #title a,
.header-image #title-area {
	display: block;
	float: left;
	min-height: 225px;
	overflow: hidden;
	text-indent: -9999px;
	width: 300px;
}
```
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
June 7, 2013 at 11:39 pm #5129
BossLady
Customer
AWESOME SAUCE!! Thanks, Eric! Made the change and it worked perfectly. To get it to work properly in portrait I changed the width to 1152px.

Beginning the “go-live” process in 3…2…1… cross your fingers!
June 8, 2013 at 11:43 am #5133
Eric
Customer
You’re Welcome!

Great job on the site!

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Making logo clickable at 768px’ is closed to new replies.