Responsive Problem withLogo in Top-Header-Sidebar Left

Hello, 

in the header widget "Top Header Sidebar Left" is supposed to be a logo. On the desktop that's okay. Unfortunately, it is very small on the smartphone. I have tried it with different format sizes of the image file and different images. Unfortunately without success.
Thanks in advance.


Comments

  • The Webside i am working on : www.immobiliendilorenzo.de 
  • edited March 2019
    Hi ares1000

    For this kindly add the below css code in Additional css box.

    @media only screen and (max-width: 1100px) and (min-width: 100px){
    .header-widget-info .col-xs-4 {
        width: 100%;
    }
    .sp-schemes .widget {
        margin-right: 0;
    }
    }

    Let me know did it work.

    Thanks
  • Hello Prajapati, thanks for the code.
    The problem with the responsive is fixed.

    Meanwhile, I activated the "Header Classic" layout. The code also works for the responsive in this layout.
    Unfortunately, there is only one header widget in the current layout. Not like the "standard" layout where there are three header widgets. (left / middle /right)
    I would like to create the logo as usual on the left side and create an info block (phone and e-mail) in a (max two) row at the right side. 
    How can I implement this?
  • Hello, in the meantime I know that these css changes seem to also affect the footer area.
    Is there a way to influence only the header?

    Thank you.
  • Instead of the previous one you can try this one:

    @media only screen and (max-width: 1100px) and (min-width: 100px){
    .header-widget-info .col-xs-4 {
        width: 100%;
    }
    .header-widget-info.sp-schemes .widget {
        margin-right: 0 !important;
    }}

    Thanks
  • Hi,

    Did the above solution works for you?

    Thanks
  • Hi rishab, 

    it worked. 
  • Hi,

    Glad to help you!

    If you like our Theme & Support, rate us HERE.

    Thanks
This discussion has been closed.