Viewing 5 replies - 16 through 20 (of 20 total)
  • Thread Starter Marinuszz

    (@marinuszz)

    I now only have this in extra css

    #pen_header .pen_header_main {
    min-height: calc( ( 243 * 100vw ) / 1024 );
    }

    I have adjusted it and indeed pen-header.css was edited I put the original file on it in terms of mobile I see a change but not as I would see it must be bigger on mobile.
    And it’s not the way it should be on desktop.
    Can I give you an account via email or something so you can see for yourself??

    regards

    Theme Author htmlpie

    (@htmlpie)

    It’s almost there, you need to add an !important and that’s it.

    #pen_header .pen_header_main {
      min-height: calc( ( 243 * 100vw ) / 1024 ) !important;
    }
    Thread Starter Marinuszz

    (@marinuszz)

    I edited it and this is indeed a bit better!
    Can I make the header on mobile a bit bigger or ?

    Theme Author htmlpie

    (@htmlpie)

    Sure, something like this:

    @media only screen and (max-width:728px) {
      #pen_header .pen_header_main {
        height: 180px !important;
      }
    }
    Thread Starter Marinuszz

    (@marinuszz)

    May I thank you for your great support!,
    The people I made the site for absolutely love it! thanks again!
    You can close this topic!

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Header image’ is closed to new replies.