Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 19, 2016 at 3:30 pm #674787
    schiffbauer00

    Hi,
    I checked all other posts, but nothing helps.
    Can someone of you have a look on this site and check how to add the search icon in mobile view?
    Thanks a lot!
    Jan

    August 22, 2016 at 2:02 pm #675731
    Yigit

    Hey Jan,

    Have you referred to my post here – https://kriesi.at/support/topic/search-icon-on-mobile-devices/#post-589759

    Best regards,
    Yigit

    August 28, 2016 at 11:02 am #678608
    schiffbauer00

    Hi Yigit,

    that’ s almost good… but the menu item in ‘not mobile view’ is still there.
    Firstly it is shown totally, then it disappears but the hover effect remains…
    maybe you can have a look

    Thanks!
    Jan

    August 28, 2016 at 11:07 am #678610
    schiffbauer00

    … and when you have a look at the site.
    Maybe you can provide a quick code the place the shopping cart next to the search icon (not mobile view)?
    Thanks!

    August 31, 2016 at 4:42 pm #680121
    Andy

    Hi,

    so you want to hide your search menu on desktop? if yes use this code:

    @media only screen and (min-width: 768px) {
#menu-item-search {
display: none;
}}

    Best regards,
    Andy

    August 31, 2016 at 8:56 pm #680322
    schiffbauer00

    Hi Andy,

    sorry but that has no effect. I added:

    @media only screen and (min-width: 990px) {
    .only-mobile-menu-search { display: none !important; }}

    as in the referred post from Yigit.
    Please load my site and you will see, that a menu item is still there on desktop (first shown, than active on hover only).

    Thanks !
    Jan

    September 1, 2016 at 10:51 am #680607
    Andy

    Hi,

    add this code as well:

    @media only screen and (min-width: 990px) {
#menu-item-1029 {
display: none;
}}

    Best regards,
    Andy

    September 1, 2016 at 6:44 pm #680898
    schiffbauer00

    Perfect!

    … and when you have a look at the site.
    Maybe you can provide a quick code the place the shopping cart next to the search icon (not mobile view)?
    Thanks!

    September 5, 2016 at 1:12 pm #682115
    Andy

    Hi,

    try this code:

    ul.cart_dropdown.av-display-cart-on-load {
top: 23%:
right: 15%;
}

    and adjust as needed.

    Best regards,
    Andy

    September 5, 2016 at 7:27 pm #682318
    schiffbauer00

    Hi Andy,
    thanks so far, but this code does not change anything :-(
    Maybe you can add a product to the cart and have a look (link below)?
    The cart should be static right to the search icon…

    Thanks a lot!!
    Jan

    September 6, 2016 at 12:37 pm #682568
    Andy

    Hi,

    add an !important to the code:

    ul.cart_dropdown {
right: 25% !important;
top: 34% !important;
}

    Best regards,
    Andy

    September 7, 2016 at 7:35 am #683020
    schiffbauer00

    Hi Andy,
    yes!! To summarize, I added the following in total :

    //adjust the search menu item visibility
    @media only screen and (min-width: 767px) {
    .only-mobile-menu-search { display: none !important; }}

    @media only screen and (min-width: 767px) {
    #menu-item-1029 {
    display: none;}
    }

    //adjust the cart position
    @media only screen and (min-width: 767px) {
    ul.cart_dropdown {
    right: 10% !important;
    top: 25% !important;
    }
    }

    Looks nice!
    Thanks!

    you can close this….

    September 7, 2016 at 2:27 pm #683139
    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 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Search Icon on Mobile again’ is closed to new replies.