Responsive header problems

  • Hi, I have tried all code posted here to solve the problem with the header and the way it shows the logo in mobile devices. The problem is the same it was posted by other users: In mobile devices or resizing the screen in PC, the logo keeps its size. Some code fixes partially the problem but created a white gap below the logo. Another code successfully resize the logo but does not keep proportionality.

    I have played with this code (different posts, same result):
    ————–
    @media only screen and (max-width: 768px)
    #logo-image {
    float: none!important;
    margin: 10px 0!important;
    min-width: 138% !important;
    display: inline-block;
    }

    ———–
    @media only screen and (max-width: 768px)
    #logo-image {
    width: 960px !important;
    max-width: 133%;
    }

    ————–
    .custom-header {
    padding: 45px 20px 115px 0px!important;
    position: relative;
    min-height: 125px;
    background: url(xxx) top center no-repeat;
    border-bottom: 0;
    }
    —————
    .custom-header {
    background-size: 100% 100% !important;
    }
    ————–
    #tagline {
    display: none;
    }

    .custom-header {
    background-size: 100% 100%;
    }

    etc.etc.

    Any advice?

    Thanks

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

  • Hi there,

    Thanks for writing in!

    Would you mind posting your website’s URL so that we can take a look into your setup and provide you with a tailored answer.

    Thanks!

    I have the same problem, my header is not responsive. How can i fix this https://www.remysalvador.nl

    Thread Starter Costados

    (@costados)

    Thanks emranemranx. Could you please provide an email to send you the link?
    Regards

    Hi Ufirst,

    Thanks for writing in!

    Upon checking, it seems that your site has been suspended. Please fix that and come back after.

    Thank you!

    Hi Costados,

    You can post your website on forum; as long as we aren’t asking for admin credentials so its safe posting only URL.

    Thanks!

    Hello emranemranx,

    It is fixed now. I had problems with hackers and spam on the website. Had to make again.

    Hi there,

    Regarding making header responsive; Please add the following code under Appearance > Theme Options > Custom CSS:

    @media only screen and (max-width: 992px) {

    .header {
        padding-bottom: 0px;
    }

    .custom-header {
        background-size: 100%;
    }

}

    Hope this helps.

    Thanks!

    yes it worked thanks a lot! The only problem i still have is that; on the phone you see a lot of white under the picture. Can i fix that with costumizer – header or is it something else?

    Hi ufirst,

    Glad that worked!

    I’ve tried to get enter into you site but it seems not to be working again. Please fix your site and come back, then we’d be able to help you out.

    Thank you!

    Hello,

    I veel treed to acces the website but on my Phone everything works normally i have no issues.

    Hi there,

    Upon checking into your website it passes this error (see: https://prntscr.com/9wqcj1 ). Please confirm if the error is fixed, so after we’d be able to provide you with a detailed answer.

    Thank you!

    that is really weird, hopefully its done now, i have changed some settings.

    Hi there,

    Upon checking into your site, it seems you’ve shifted to another theme. Please switch the theme in order to get assisted.

    Thank you!

    Yes i’ve changed it yesterday night. I prefer this theme more. Thanks anyway.

    You’re welcome! ??

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Responsive header problems’ is closed to new replies.