Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 26, 2016 at 3:49 pm #638776
    equatis

    Hi,
    Some time ago my problem of superimposing between the logo-menu bar and the bar of page’s title (with the “where you are” link) had been settled (by Yith) with the snippet following:

    .html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
    padding-top: 158px !important;
    border-color: #f2f2f2 !important;
    }
    .title_container {
    border-color: #e1e1e1 !important;
    }

    However this css snippet create another responsive problem on mobiles and tablets by letting appear a wide space between the two bars.
    Have you a solution for this problem?

    Thanks a lot for help *_*
    Philippe

    May 26, 2016 at 6:59 pm #638897
    Jordan

    Hey Philippe,

    Thanks for getting in touch with us!

    In the above code you pasted, please remove the following line with the padding:

    padding-top: 158px !important;

    That should remove the space on mobile.

    Best regards,
    Jordan

    May 30, 2016 at 12:51 pm #640293
    equatis

    Hi Jordan,
    If I delete this line I know that it will be correct on mobile phones but the overlapping which I described above will reappear on computer screens…
    So … I’ve no more idea to solve this pb
    Best regards
    Philippe

    May 30, 2016 at 3:16 pm #640442
    Yigit

    Hi,

    Please change your code to following one

    @media only screen and (min-width: 990px) {
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 158px !important;
}}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
border-color: #f2f2f2 !important;
}
.title_container {
border-color: #e1e1e1 !important;
}

    Best regards,
    Yigit

    May 30, 2016 at 4:55 pm #640488
    equatis

    Thks Yigit
    The display is perfect for mobiles and computer using Firefox but ineffective with Safari,Chrome or Opera …
    It is not dramatic but if we can be rigorous why not?
    :))

    May 31, 2016 at 12:40 pm #640881
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Responsive header problem on mobiles and tablets’ is closed to new replies.