space for email address

Home Forums All Other Themes space for email address

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #23155
    Tamara
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: February 18, 2016

    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!

    #23170
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6781
    • Total: 6789
    Member since: June 12, 2013

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

    Regards,
    Shri

    #23172
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6781
    • Total: 6789
    Member since: June 12, 2013

    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

    #23299
    Tamara
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: February 18, 2016

    Thank you!

    #23343
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24877
    • Total: 24877
    Member since: August 16, 2013

    You are most welcome

    Regards,
    Brad

    #23472
    Tamara
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: February 18, 2016

    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

    #23478
    Tamara
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: February 18, 2016

    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 http://www.diversityhsesolutions.ca

    Thanks,
    Tamara

    #23660
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24877
    • Total: 24877
    Member since: August 16, 2013

    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

    #23793
    Tamara
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: February 18, 2016

    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

    #24009
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24877
    • Total: 24877
    Member since: August 16, 2013

    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

    #24866
    Tamara
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: February 18, 2016

    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?

    #24920
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6781
    • Total: 6789
    Member since: June 12, 2013

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.