Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 22, 2015 at 5:24 pm #523153
    Mariusz

    In https://kriesi.at/support/topic/centered-menu-items-search-and-cart-icons-on-the-right-hand-side/ topic Yigit fixed the issue with the website.
    Is it possible for browser width <1400px no to cover these elements?

    Thanks.
    M

    October 23, 2015 at 1:14 pm #523755
    Andy

    Hi Mariusz!

    what do you mean? I can’t see that any elements get covered. Can you highlight using screenshots? so we can get a clear idea of what you need please? you can use imgur.com or dropbox.

    Cheers!
    Andy

    October 23, 2015 at 2:01 pm #523804
    Mariusz

    Sure. There it is.
    You can see that one icon covers another depend on the screen width.

    Thanks.

    October 25, 2015 at 7:59 am #524339
    Ismael

    Hi!

    The icon is hidden because of this code:

    <style id="__web-inspector-hide-shortcut-style__" type="text/css">
.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after
{
    visibility: hidden !important;
}
</style>

    Do you know where it’s coming from? Try to add this in the Quick CSS field:

    #top #menu-item-search.menu-item-search-dropdown>a {
    visibility: visible !important;
}

    Regards,
    Ismael

    October 25, 2015 at 11:46 pm #524574
    Mariusz

    Thanks Ismael.
    I cannot find this web-inspector-hide-shortcut-style… Where did you find this in the code?

    The code you suggested added.
    But nothing chaned.

    Thanks.
    M

    October 26, 2015 at 5:13 am #524628
    Ismael

    Hi!

    It must have been added when I inspect the site. Anyway, please try this instead:

    @media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
    display: block;
}

.av-main-nav > li {
    line-height: 30px;
    display: none;
}

.av-main-nav > #menu-item-search {
    position: absolute;
    display: block;
    top: 0px;
    right: 10%
}
}

@media only screen and (max-width: 786px) {
.av-main-nav > #menu-item-search {
    top: -88px;
}
}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    October 26, 2015 at 10:05 am #524756
    Mariusz

    Thank you :)
    It seems not to display search icon <485px but I’ll fix it.
    Thank you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Block cart icon from covering search icon’ is closed to new replies.