How to center my logo on mobile devices?

Discussion in 'ButterBelly WordPress Theme' started by dedieo62, Mar 6, 2015.

Thread Status:
Not open for further replies.
  1. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Hello,

    In desktop view my logo is properly centered....

    desktop-view-logo-center.JPG

    However, in mobile view my logo...is aligned right. How can i center it?
    logo-aligned-on-the-right-and-not-center.JPG logo-aligned-on-the-right-and-not-center-image-2.JPG


    Is there any Custom CSS Code to center the logo on mobile devices?

    Thanks,
    Dedieo62
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Dedieo!

    Please provide us URL of your website.

    Thanks,
    Praveen
     
  3. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 767px){
    .logo img {
      width: 100% !important;
    }
    }
    
    Thanks & Regards
    Pramod Patel
     
  4. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
  5. citizencoaching

    citizencoaching Member

    Joined:
    Dec 28, 2011
    Messages:
    62
    Likes Received:
    0
    This theme does not come with mobile responsive logo.
    The code above fixed my issue.

    Thanks.
     
Thread Status:
Not open for further replies.

Share This Page