logo stretched on mobile

  • I’m using this theme for the first time and the logo of my site becomes stretched in the mobile version, is there any option in the theme or should I use a css? Thank you all

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi, do you have a screenshot or the browser width you’re seeing it being stretched in? When I try visiting that URL and modifying the browser width, the logo doesn’t appear to stretch for me.

    At smaller browser widths it compresses a bit though.

    Thread Starter noritarte

    (@noritarte)

    Hi Jarret, this is the view with my iphone:

    https://drive.google.com/open?id=1AEyNUZfeWcM8TfLys-C2am_UKB2mVva6

    Hi, try the following in Appearance->Customize->Additional CSS to see if it fixes the issue for you

    @media screen and ( max-width: 568px ) {
	.header-titles-wrapper .site-logo img {
		height: auto !important;
	}
}
    Thread Starter noritarte

    (@noritarte)

    It works! Thank you.
    Even if it is not related to the request, can I ask you how to adjust the padding of the white square present by default in the Twenty Twenty theme? With .wp-block-group?

    I think you mean something like this?

    .entry-content .wp-block-group {
	padding: 0px !important;
}
    Thread Starter noritarte

    (@noritarte)

    Yes! And how can you manage the space between content and .wp-block-group?

    Use negative margins

    .entry-content .wp-block-group {
   margin-top: -20px;
}

    Although on the initial link that you posted in this thread, there is an empty Columns block that is causing extra space above the Group block that has the Whatsapp info in it

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘logo stretched on mobile’ is closed to new replies.