Logo sizing problem

Discussion in 'Compass WordPress Theme' started by smarta, Oct 22, 2018.

  1. smarta

    smarta Member

    Joined:
    Jul 20, 2012
    Messages:
    225
    Likes Received:
    4
    Hi

    I have set the logo to display a bit larger and it looks fine on the desktop version but on the mobile version it is not resizing properly

    http://solar-rite.com.au

    here is my current custom css

    .header {
    margin: 0px 0px 0px 0px;
    }
    .header .menu_wrapper {
    margin-top: 30px;
    }
    div.feature-image img {
    width: 252px;
    margin-bottom: 20px;
    }
    .page_content .content_bar .post.single .post_content img {
    padding: 15px;
    }
    .page_content .content_bar img {
    padding: 15px
    }
    .sidebar h3 span.line {
    position: absolute;
    width: 0px;
    top: 0px;
    right: 0;
    border-bottom: 0px solid #FFFFFF;
    padding-bottom: 0px;
    cursor: text;
    color: inherit;
    }
    .sidebar h3 {
    border-bottom: 0px solid #FFFFFF;
    }
    .container_24 .grid_12 {
    width: 100%;
    }
     
  2. smarta

    smarta Member

    Joined:
    Jul 20, 2012
    Messages:
    225
    Likes Received:
    4
    I will send my log details
     
  3. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello,

    Greeting from InkThemes,

    To make the desired changes, just paste the code in the custom CSS section of the theme.
    Go to (Dashboard->InkThemes->Theme Options->Styling Option).

    Code:
    @media only screen and (max-width: 480px)
    {
    .logo a img {
        width: 240px;
    }
    .header .logo {
        margin-left: 15px;
    }
    }
    Regards,
    Akbar
    InkThemes.com
     

Share This Page