Home Tickets Knyra Logo // Fixed

This topic contains 7 replies, has 2 voices, and was last updated by  Danny 3 weeks, 4 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #240

    Hi Danny,

    As mentioned before via themeforest, I have some problems with the logo. The blog url is http://www.sophisticated-me.com, but it’s currently offline since I’m working on the re-launch. I wanted to add the draft of the logo to the layout in order to see how it looks like, but then I realized the logo can’t be fixed. I could send you some screenshots, but as far as I noticed, I can’t upload here any files, can I?

    Best,
    Cindy

    #243

    Danny
    Supporter

    Hi Cindy!

    You can upload the screenshots to a hosted image site like http://imgur.com and copy/paste image URL to the reply box here.

    Also, please share your site login account in private so I can investigate your case and help you out.

    Thanks a lot!
    Danny

    #247
    This reply has been marked as private.
    #249

    Danny
    Supporter

    Hi Cindy,

    Thanks for your account info and the screenshot.

    To resolve this issue, you can go to Dashboard > Appearances > Customize > Custom Code, remove the old CSS and add the following code to Header Code section:

    <style>
    @media ( min-width: 1280px ) {
    .site-header {position: relative!important; padding-top: 0!important; top: 0!important;}
    .site-branding { position: relative; }
    }
    .site-branding { text-align: center; top: 0; left: 0;}
    </style>

    After you add the code above, your logo should look like this:


    In case you can’t make it work, please share the temporary admin account so I can add the code for you.

    Hope this helps!
    Danny

    #251

    Hi Danny,

    Thanks – this looks much better than before. But can we place the logo more in the middle of the white space? At the moment it’s pretty “high” -see dropbox (logo file). Plus: Which code am I supposed to use, if I decide to place it on the left?

    Thanks a lot,
    Cindy

    #253

    Danny
    Supporter

    Hi Cindy,

    To place the logo more in the middle of the white space, please use the code below:

    <style>
    @media ( min-width: 1280px ) {
    .site-header {position: relative!important; padding-top: 0!important; top: 0!important;}
    .site-branding { position: relative; }
    .home .site-branding { top: 75px; }
    }
    .site-branding { text-align: center; left: 0;}
    </style>

    To place the logo on the left, please use this code:

    <style>
    @media ( min-width: 1280px ) {
    .site-header {position: relative!important; padding-top: 0!important; top: 0!important;}
    .home .site-branding { top: 75px; }
    }
    </style>

    Hope this helps,
    Danny

    #259

    Hi Danny,

    Thanks. Now everything works perfectly!

    Best regards,
    Cindy

    #265

    Danny
    Supporter

    You are welcome, I’m always happy to help 🙂

    Cheers!
    Danny

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

The topic ‘Logo // Fixed’ is closed to new replies.