Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1207051
    #1207107

    Hey chrisboe,
    To adjust the logo please try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 325px) { 
    	.responsive #wrap_all .logo img {
        width: 50%;
    	}
    	.responsive #top #wrap_all #header_main .logo {
            height: 35px !important;
    	}
    }
    @media only screen and (min-width: 326px) and (max-width: 430px) { 
    	.responsive #wrap_all .logo img {
        width: 80%;
    	}
    	.responsive #top #wrap_all #header_main .logo {
            height: 75px !important;
    	}
    }

    this adjusts the logo for two phone sizes, small 325px, and large 430px, each has a width percentage you can adjust.

    Best regards,
    Mike

    #1207205

    Hi Mike,

    thank you for the answer. Is there a possibilty to use another Logo Image? Or how can I add an URL for a Logo?

    br,
    Chris

    #1207224

    I´ve solved it.

    
    @media only screen and (max-width: 325px) { 
    	.responsive #wrap_all .logo img {
        width: 50%;
        content: url("https://des-zentrum.ch/wp-content/uploads/2020/03/logo_mobile.png");
        
        }
    	.responsive #top #wrap_all #header_main .logo {
            height: 30px !important;
    	}
    }
    @media only screen and (min-width: 326px) and (max-width: 736px) { 
    	.responsive #wrap_all .logo img {
        width: 70%;
        content: url("https://des-zentrum.ch/wp-content/uploads/2020/03/logo_mobile.png");
    	}
    	.responsive #top #wrap_all #header_main .logo {
            height: 70px !important;
    	}
    }
    
    #1207265

    Hi,
    Glad to hear this is sorted out now, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Logo size small mobile display’ is closed to new replies.