Support Center Visit Demo License manager Buy @ envato

increase logo size on all display sizes

7374robin7374robin
in Files & images

hello, i would like to increase the logo size of my website ( https://kaurlaywer.com ) , it is way too small


i fixed the desktop version with this:

.logo-main {

max-height: 240px !important;

max-width: 240px !important;

}


but this doesnt work for mobile or tablet because some media query overwrites the css i use. how do i fix this, also right now i have removed all custom css for logo from my site. please help me

Comments

  • PhilPhil

    Hi,

    Sorry, but the link you have sent is not working.

    image.png

    Are you sure that you attached the correct URL?


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • 7374robin7374robin

    sorry i meant https://kaurlawyer.com/

  • 7374robin7374robin

    i have added this as a temporary workaround


    @media (max-width: 1024px) {

    .logo {

    display: none !important;

    }

    }


    the client needs to use the site immediately

  • PhilPhil

    Please, try the following one instead:

    1. html #Header_creative #Top_bar #logo img.logo-sticky{
    2.    max-height: 100%!important;
    3. }
    4. #Header_creative #Top_bar #logo{
    5.    height: 300px!important;
    6. }
    7. @media only screen and (max-width:767px){
    8.    #Header_creative #Top_bar .logo #logo img{
    9.    max-height: 60%!important;
    10.  }
    11. }

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • 7374robin7374robin

    This has increased the size of logo on mobile but added a huge amount of space between the logo and the menu when opening it on mobile. im sure it has something to do with this code


    1. #Header_creative #Top_bar #logo{
    2.  height: 300px!important;
    3. }


    changes are live on site

  • PhilPhil

    Please, replace the last part from the previous code with the following one:

    1. @media only screen and (max-width:767px){
    2.   #Header_creative #Top_bar .logo #logo img{
    3.   max-height: 100%!important;
    4.  }
    5.    #Header_creative #Top_bar #logo{
    6.   height: 150px!important;
    7.  }
    8. }

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • 7374robin7374robin

    thank you that has solved my problem

Sign In or Register to comment.