Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 20, 2018 at 2:58 pm #900091
    danielromanin

    Hi Kriesi,

    Thank you so much for amazing template. My problem is related to Mobile version.

    I have added “Menu” text under Menu icon on Mobile using this code provided by Kriesi..

    @media only screen and (max-width: 767px) {
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a:after {
    content: ‘Menu’;
    color: #ffffff;
    display: block;
    line-height: 10px;
    margin-top: -20px;
    font-size: 14px;
    }}

    I have added “search” wording after search icon on desktop. On mobile search icon “Search” text also shows up which is fine …BUT

    The Problem is when i show “Menu” text under Menu icon and search icon on Mobile i see “Menu” text under each page when i open menu. Similarly “Search” text shows up under each product title when i search any product on Mobile.

    The word “Menu” and “Search” displays multiple times when i open menu on mobile.

    I hope i have explain it better. Please check my website on mobile first. Then Search any product and you will see “Search” text under each product title.

    Similarly on Mobile click Mobile menu icon and you will see “Menu” text multiple times.

    Please assist. I have sent my website URL. If you need login details for website i can provide that as well. I am losing sales please help me.

    Regards
    Aadil

    January 20, 2018 at 3:07 pm #900094
    danielromanin

    Hi again,

    for now i have removed this code which displays “Menu” word under menu icon on mobile because i was losing sales. But when i add this code i see “Menu” word under each menu item multiple times.

    I have explained issue above when i add this code what happens.

    @media only screen and (max-width: 767px) {
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a:after {
    content: ‘Menu’;
    color: #ffffff;
    display: block;
    line-height: 10px;
    margin-top: -20px;
    font-size: 14px;
    }}

    Thanks
    Aadil

    January 20, 2018 at 6:26 pm #900145
    Mike

    Hi,
    Please try this css instead:

    @media only screen and (max-width: 767px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .av-burger-menu-main a:after {
content: 'Menu';
color: #ffffff;
display: block;
line-height: 10px;
margin-top: -20px;
font-size: 14px;
}}

    please see screenshot in Private Content area

    Best regards,
    Mike

    January 21, 2018 at 8:04 pm #900449
    danielromanin

    Thank you so much Mike. One issue is resolved.

    Well One things is still left. I see “Search” under each Product title .. Please see screenshot in private content area.

    Thanks
    Aadil

    January 21, 2018 at 9:35 pm #900467
    Mike

    Hi,
    Please try:

    a.ajax_search_entry.with_image:after { display:none !important; }

    Best regards,
    Mike

    January 21, 2018 at 10:16 pm #900479
    danielromanin

    Thank you so much Mike. I really appreciate your help. Best services. No Competition. Kriesi is best Service provider. Really really happy with services provided.

    Best wishes
    Aadil

    January 21, 2018 at 10:58 pm #900496
    Mike

    Hi,
    Thank you, perhaps you could leave a review at Theme Forest
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Text "Menu" and "Search" shows up under each product title on Mobile’ is closed to new replies.