Center Logo in Header

Discussion in 'Smartbooking-Appointment Booking WordPress Theme.' started by andreahw16, Nov 29, 2015.

  1. andreahw16

    andreahw16 Guest

    Joined:
    Mar 17, 2014
    Messages:
    65
    Likes Received:
    0
    Location:
    Wheaton, IL
    Is it possible to center the logo in the header if I remove the contact info?

    Thank you

    I think that will be all the issues for the header. Sorry for all the requests.
     
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .sb-logo a img {
        margin-left: 345px !important;
    }
    @media (min-width: 768px){
    .sb-logo a img {
        margin-left: 152px !important;
    }
    }
    @media (max-width: 600px){
    .sb-logo a img {
        margin-left: -27px !important;
    }
    }
    Note: Adjust numeric value as per your requirement.

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. andreahw16

    andreahw16 Guest

    Joined:
    Mar 17, 2014
    Messages:
    65
    Likes Received:
    0
    Location:
    Wheaton, IL
    Thank you, this just moved logo over slightly I will have to play with numbers and see if I can get it to work....Thank you
     
  4. andreahw16

    andreahw16 Guest

    Joined:
    Mar 17, 2014
    Messages:
    65
    Likes Received:
    0
    Location:
    Wheaton, IL
    I have adjusted numbers several different ways even by a couple 100 of pixels and it will not budge from this placement. Please see screen shot. Can the menu items center as well? Screen Shot 2015-11-30 at 1.08.34 PM.png

    Thank you
     
  5. priya

    priya Guest

    Hello,

    I have adjusted numbers several different ways even by a couple 100 of pixels and it will not budge from this placement.

    I am just confused with your above words that are you talking about the logo that your changes doesn't reflect in your site..

    If yes, could you please try this code given below and change numeric value as per your requirement.
    Code:
    @media (min-width: 768px){
    .sb-logo a img {
        margin-left: 350px !important;
    }
    }
    To center menu, paste the code given below in Custom CSS section of your dashboard and change numeric value according to you.
    Code:
    .sb-menu {
        margin-left: 173px !important;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page