Home Forums Free Themes Business Field Mobile view logo size

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #119573
    roomAromas
    Participant

    Hi,

    Ive tried to add some of the codes suggested but non of them work.

    my site http://bentleybusinessassociates.com is showing the log very small on a mobile device.

    I tried this.

    @media only screen and (max-width: 767px)
    {
    .custom-logo-link, .site-logo-link {
    max-width: 500px;
    }
    }

    Ive now got

    @media (max-width:767px){
    .site-branding .site-branding {
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
    }
    }

    @media (max-width:767px){
    .site-branding .custom-logo-link {
    width: 100%;
    max-width: 100%;
    }
    }

    and that does not work. any suggestions. Ive searched the forums and tried all of the custom CSS you have suggested to people.

    The main one @media only screen and (max-width: 767px)
    {
    .custom-logo-link, .site-logo-link {
    max-width: 500px;
    }

    just does not work. The logo stays small. very frustrating.

    #119595
    wensolutions
    Keymaster

    Hello,

    Regarding your query, you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS,

    @media only screen and (max-width: 1023px){
    .custom-logo-link img {
        max-width: 100%;
    }
    }

    Hope this helps.

    If you have further queries, let us know.

    Thank you.

    #119642
    roomAromas
    Participant

    Perfect thanks.

    That worked

    #119654
    wensolutions
    Keymaster

    Hello,

    Glad we could help you.

    If you have further queries, let us know.

    Regards.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.