Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 26, 2018 at 11:46 am #977878
    pagemod

    On iPad / Portrait the header changes color.
    iPad / landscape and iPhone header color and space to content is fine – its only iPad / portrait thats different …

    Jordan already advised to this quick CSS:
    —
    @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 1) {

    .html_header_transparency #top .avia-builder-el-0 .container{
    padding-top:0px!important;
    }

    #header{
    background:#fff!important;
    }}
    —

    But its not working.
    I still get colored header on tablet when there is a transparent header set on a page.

    Thank you
    and have nice day

    June 26, 2018 at 6:02 pm #978051
    Victoria

    Hey pagemod,

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    June 27, 2018 at 9:41 am #978307
    pagemod

    Hallo Victoria,
    i cleared cache and tested again – its the same problem.
    In your screenshot you tested on a iPad Mini in landscape view.
    Can you please try a iPad or iPad Pro in portrait or vertical view?
    Thank you
    + have a great day!
    mod

    June 27, 2018 at 6:13 pm #978529
    pagemod

    Hallo Victoria,

    i figured out how to solve this, you can close this topic.

    This is the css that worked for me:

    /* fix header background color @ tablet portrait */
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: absolute;
    }

    Thank you

    mod

    June 28, 2018 at 10:30 pm #979124
    Basilis

    Hi,

    Thank you very much for letting us know, we do appreciate it a lot.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.