Wrong proportions on mobile and tablet

Hello there,

thank you for the great theme. I had a lot of fun working with it.
In general i am (for now) satisfied.

  1. Unfortunately some aspects concerning the proportions between some pictures, texts and company text logo (top left side) don’t resize according to the original , when opening on a smaller screen, i.e. mobile or tablet.

  2. There are also big gaps between the header and the content of the page when opening on smaller screen.

I would be very thankful if you could help me out.

my page: www.matthiasboutros.de
Best regards
Matthias

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*remove space below header*/
@media (max-width: 768px){
#header .bottom-header.blog {
    padding: 0px 0;
}
/*fix line height in worded logo*/	
  #header .top-header .header-logo{
    line-height:30px
  }
}

Best regards,
Support.

Thank you for the quick response!

That worked.

Best regards,
Matthias

Hi, there

Thank you
I will now close the topic and mark it as resolved.
Feel free to contact us again Thanks!