Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 31, 2023 at 4:46 pm #1403125
    Monika

    Hey there,

    I use this css for making the Logo smaller in mobile format.
    There it workes perfect, but on portrait tablet format, the logo is still too big.

    How can I also change toe Logo size in Tablet?
    I tried to change the max width, but then, it cuts half of the logo away in tablet.

    thanks for your help!

    `
    @media only screen and (max-width: 767px) {
    .logo, .logo a, .logo img {
    max-width: 120px!important; }
    .responsive .mobile_slide_out .logo img {
    margin-left: -30px!important; }}

    April 2, 2023 at 1:06 pm #1403274
    Mike

    Hey Monika,
    Thanks for your patience and the link to your site please try adding this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (min-width: 768px) and (max-width: 989px){
#header_main .logo svg {
    width: 120px;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 29, 2023 at 4:03 pm #1405996
    Monika

    Thank you!

    April 29, 2023 at 4:57 pm #1406003
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo is too big in Tablet format’ is closed to new replies.