Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,256
Total Threads: 106,575
Total Posts: 592,699
There are 87 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Help with CSS issue

Thread title: Help with CSS issue
Reply    
    Thread tools Search this thread Display Modes  
03-15-2013, 06:00 PM
#1
UKMatt is offline UKMatt
Status: =]
Join date: Feb 2006
Location:
Expertise:
Software:
 
Posts: 1,162
iTrader: 7 / 100%
 

UKMatt is on a distinguished road

  Old  Help with CSS issue

Made my girlfriend this website - beautycritic.co.uk ..... looks great (in my opinion) on the computer, but on iPhone, the logo is enormous.

Can anyone take a look in my css and fix this issue? Tried to no avail for many hours ... I just don't know how to do it.

Cheers,
Matt

Reply With Quote
03-15-2013, 07:34 PM
#2
Dan is offline Dan
Dan's Avatar
Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 3,164
iTrader: 15 / 86%
 

Dan is an unknown quantity at this point

  Old

Apply to the logo element.

Code:
max-width:[real image width]px;
width:100%;
height:auto;

Reply With Quote
03-16-2013, 12:06 PM
#3
UKMatt is offline UKMatt
Status: =]
Join date: Feb 2006
Location:
Expertise:
Software:
 
Posts: 1,162
iTrader: 7 / 100%
 

UKMatt is on a distinguished road

  Old

Originally Posted by Dan View Post
Apply to the logo element.

Code:
max-width:[real image width]px;
width:100%;
height:auto;

Thanks for your suggestion Dan - wasn't sure anyone would answer with the site in its current state.

I tried your suggestion in various forms but still doesn't seem to work.

Here is the new code for the logo after implementing your changes:
Code:
/*------------------[ Logo ]-----------------*/
#header h1, #header h2 {
	text-indent: -999em; 
	max-width:920px;
	width:100%;
	height:auto;
}

#header h1 a, #header h2 a {
	background: url(http://www.beautycritic.co.uk/wp-content/themes/koresponsive/images/logo.png) no-repeat; 
	max-width:920px;
	width:100%;
	height:auto;
	display: block; 
	line-height: 200px;
 }

as well as this later on:

@media screen and (max-width:600px) { 
	#logo { width: 100%; height:auto;}
	#logo a {
	    text-align: center;
	    margin: 0 auto !important;
	    background-position: center !important;
	}

Reply With Quote
03-21-2013, 12:52 PM
#4
UKMatt is offline UKMatt
Status: =]
Join date: Feb 2006
Location:
Expertise:
Software:
 
Posts: 1,162
iTrader: 7 / 100%
 

UKMatt is on a distinguished road

  Old

Now resolved :-)

If anyone knows how to fix the navigation issue in internet explorer though... that would be fantastic!

Reply With Quote
04-19-2013, 12:14 PM
#5
Mortan is offline Mortan
Status: Junior Member
Join date: Apr 2013
Location:
Expertise:
Software:
 
Posts: 41
iTrader: 0 / 0%
 

Mortan is on a distinguished road

  Old

you can use compatibility code which if pasted in metatag section forces your website to show as if it is working in google chrome or firefox or internet explorer below versions

just search for internet explorer compatibility code and paste in header section

Reply With Quote
Reply    


Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed