Public Forums 71,145 posts

[deanperry Friend deanperryJoin date: May 2008Posts: 12Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#195705

Hi
I have followed the instructions in other posts to show my site logo above the menu on my site: http://101.0.116.105/~strtprm/

I am experiencing a problem however when I view the site on a narrow screen (e.g. iPhone, or on a desktop with the brwoser shrunk). The image is obscuring the menu.

Can you please give me a definitive answer on how to fix? I have searched for and found a number of tips elsewhere in your forums but they don’t seem to help.

Regards

Dean

---

Attachments:

1. 

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#526437

@deanperry,

I have checked your site. You can modify the css rule as follows:

In the file templatesja_elasticacsstemplate.css:
[PHP]/* Logo Image —*/
h1.logo {
background:#f0f0f0;
float: initial;
font-size: 1em;
height: 140px;
width: 266px;
z-index: 12;
}

h1.logo a {
background: none;
display: block;
font-size: 2em;
height: auto;
padding: 0;
text-align: left;
width: auto;
}[/PHP]

In the file templatesja_elasticacsslayout-normal.css:
[PHP]h1.logo {
height: 140px !important;
width: 266px !important;
}

h1.logo a {
padding: 0 !important;
height: 140px !important;
}

h1.logo a img {
padding-top: 0
}[/PHP]

In the file templatesja_elasticacsslayout-tablet.css:
[PHP]h1.logo {
height: 140px !important;
width: 100% !important;
float: left;
}

h1.logo a {
padding: 0 !important;
}[/PHP]

in file templatesja_elasticacsslayout-mobile.css
[PHP]h1.logo {
height: 140px !important;
width: 100% !important;
}

h1.logo a {
height: 140px !important;
margin-top: 0;
padding: 0 !important;
}[/PHP]

1 user says Thank You to Hayden A for this useful post

1. deanperry

[deanperry Friend deanperryJoin date: May 2008Posts: 12Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#527779

Thanks – that worked a treat.

[Author]

Posts