Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #638776

    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

    #638897

    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

    #640293

    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

    #640442

    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

    #640488

    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?
    :))

    #640881

    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

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