space for email address

[Tamara]

Hi
So far I like your theme, but I have a small issue. Can you tell me how to give more space to the phone/email box at the top? Our email address is long and it breaks to a new line. This is a screenshot of the problem:
http://smirkingturtle.ca/page2.html
Thanks!

[Sonl Sinha]

Kindly show us your website link instead and we can give you simple CSS instructions.

Regards,
Shri

[Sonl Sinha]

Okay no need to send us website link.

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css code in custom box

.header_row .column-1 { margin-top:20px; width:38%;}
.header_row .column-3 { width:23%;}

Regards,
Shri

[Tamara]

Thank you!

[Sonl Sinha]

You are most welcome

Regards,
Brad

[Tamara]

One more thing. I do not want the page titles to show. Can you tell me how to hide the page titles? Also, I enlarge the font for the body text, and now the email and website on the Contact Info in the footer break to a new line. Can you tell me how to give more space to that column? Thanks. Here’s a screenshot of the change I need:

http://smirkingturtle.ca/page2.html

[Tamara]

Actually, I figured out how to hide the page title. I still need more space for the contact info:
http://smirkingturtle.ca/page2.html

Also, when I look at the site on the iPad, the logo is squished. Is there a way to get the logo to resize properly?
The site is www.diversityhsesolutions.ca

Thanks,
Tamara

[Sonl Sinha]

Hi Tamara,

Kindly add this code in custom css box:

@media screen and (max-width: 767px) {
.header .header-inner .logo img{height:auto !important;}
}

Regards,
Brad

[Tamara]

Hi Brad
That didn’t do anything to fix the problem with the logo. Also, I viewed the site on an iPhone, and the phone and address blocks at the top are way too narrow, as are the About Us and Contact US blocks in the footer. Is there a solution to get this looking better on a phone?
Thanks,
Tamara

[Sonl Sinha]

Hi Tamara,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css code in custom box

@media screen and (max-width:47.938em) {
.header_row .column-1, .container .widget-column-1, .container .widget-column-3 { width:auto !important;}
}

@media screen and (max-width:64.000em) and (min-width:48.000em) {
.header .header-inner .logo img { height:auto !important;}
}

Regards,
Brad

[Tamara]

Thank you, that helps. The logo is still squished; any ideas on how to get the logo to resize properly ie. reducing the size proportionately rather than just reducing the width?

[Sonl Sinha]

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css code in custom box

.header .header-inner .logo img { height:60px;}

Regards,
Shri

[Author]

Posts