Mobile View

Discussion in 'Compass WordPress Theme' started by rdeshazer, Feb 18, 2015.

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

    rdeshazer Member

    Joined:
    Dec 21, 2014
    Messages:
    302
    Likes Received:
    0
    Location:
    USA
  2. praveen

    praveen Support Staff

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

    Could you please provide us some edited screenshot?
    Also provide us the url of your website.

    Thanks,
    Praveen
     
  3. rdeshazer

    rdeshazer Member

    Joined:
    Dec 21, 2014
    Messages:
    302
    Likes Received:
    0
    Location:
    USA

    Attached Files:

  4. praveen

    praveen Support Staff

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

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    1>
    Code:
    @media only screen and (max-width: 480px){
    .logo {
    margin-left: 9px !important;
    margin-top: -5px !important;
    }
    }
     
    @media only screen and (max-width: 767px) and (min-width: 481px){
    .logo {
    margin-left: -8px !important;
    margin-top: -5px !important;
    }
    }
    2> & 3>
    Code:
    @media only screen and (max-width: 767px){
    .fullwidth hr {
    width: 100% !important;
    }
    .heading_container {
    display: none !important;
    }
    .fullwidth p {
    clear: both !important;
    }
    }
     
    @media only screen and (max-width: 767px)and (min-width:481px){
    .logo a img {
    margin-left: -43px !important;
    }
    }
    @media only screen and (max-width:480px){
    .logo a img {
    margin-left: -25px !important;
    }
    }

    Thanks,
    Praveen
     
  5. rdeshazer

    rdeshazer Member

    Joined:
    Dec 21, 2014
    Messages:
    302
    Likes Received:
    0
    Location:
    USA
Thread Status:
Not open for further replies.

Share This Page