Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • October 2, 2018 at 6:04 pm #1017166
    skrziwon

    Hello,
    we´d like to deactivate the search in the mobile header.
    But we´d like to still show it in the mobile menu when it folds off at the bottom of the menu-items.

    We would be happy if this is possible.

    Thank you.
    Regards

    October 3, 2018 at 12:51 am #1017265
    Jordan Shannon

    Hey skrziwon,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    October 3, 2018 at 11:18 am #1017453
    skrziwon
    This reply has been marked as private.
    October 3, 2018 at 12:29 pm #1017503
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
li.astm-search-menu {
  display:none;
}
}

    Best regards,
    Rikard

    October 4, 2018 at 7:40 am #1017732
    skrziwon

    Hello,

    thank you. But if we do this, the search in the mobile menu also disappear.

    October 4, 2018 at 8:43 am #1017762
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
li.astm-search-menu {
  display:none;
}

.av-burger-menu-ul li.astm-search-menu {
  display:block;
}
}

    Best regards,
    Rikard

    October 4, 2018 at 8:48 am #1017766
    skrziwon

    Just tried. The search-icon is still missing in the burger menu.

    October 4, 2018 at 10:39 am #1017801
    Rikard

    Hi,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    October 4, 2018 at 12:22 pm #1017859
    skrziwon
    This reply has been marked as private.
    October 5, 2018 at 6:43 am #1018143
    Rikard

    Hi,

    Thanks for that, I adjusted the CSS a bit and it’s working as it should now. Please review your site.

    Best regards,
    Rikard

    October 5, 2018 at 7:29 am #1018163
    skrziwon

    Hello,

    thank you for the fast response. Now in the main header on mobile is still the search-icon.

    October 5, 2018 at 10:26 am #1018213
    Rikard

    Hi,

    I’m not sure what you mean by that, do you mean that the search icon in the header should not be visible when the mobile menu is active? A screenshot might be helpful if I’ve misunderstood you.

    Best regards,
    Rikard

    October 5, 2018 at 10:58 am #1018235
    skrziwon
    This reply has been marked as private.
    October 5, 2018 at 11:06 am #1018241
    Rikard

    Hi,

    Thanks for the screenshots, please try this as well at the bottom of Quick CSS:

    @media only screen and (max-width: 767px) {
.astm-search-menu-wrapper .astm-search-menu {
    display: none;
}
}

    Best regards,
    Rikard

    October 5, 2018 at 11:18 am #1018247
    skrziwon

    Thanks, works.

    October 5, 2018 at 11:28 am #1018251
    skrziwon

    Okay, one more problem now. The Search-Icons has no function yet.

    October 6, 2018 at 5:57 am #1018398
    Rikard

    Hi,

    Ok, are you adding it with a plugin?

    Best regards,
    Rikard

    October 6, 2018 at 8:53 am #1018454
    skrziwon

    No there is no plugin for it. Before these CSS-Changes it worked.

    October 6, 2018 at 10:41 am #1018465
    Rikard

    Hi,

    Ok, but where are these classes coming from:

    astm-search-menu, astm-search-menu

    They are not added by the theme.

    If it’s not working then I guess you would have to remove the CSS I’ve given you and let’s start over again.

    Best regards,
    Rikard

    October 8, 2018 at 7:58 am #1018824
    skrziwon

    Yes thats the CSS from the theme. Also the iPad-Version is not correct now. The Logo and the menu are not correct. Also in the iPad-Version there two Search-Icons.

    • This reply was modified 5 years, 6 months ago by skrziwon.
    October 8, 2018 at 10:34 am #1018898
    Yigit

    Hi,

    Login credentials did not work for me.
    Please try using following code

    @media only screen and (min-width: 990px) {
li.astm-search-menu.astm-search-menu.dropdown, #menu-item-2901:after {
    display: none;
}}

    If that too does not work, please check login credentials once again :)

    Best regards,
    Yigit

    October 8, 2018 at 10:39 am #1018902
    skrziwon
    This reply has been marked as private.
    October 8, 2018 at 10:58 am #1018913
    Yigit

    Hi,

    1- I thought you only wanted to display search icon in mobile menu but i think now i understood the changes you wanted to make. You had custom CSS code to hide search icon on screens below 910px, i changed it to 990px. Please review your website.

    2- Search icon seems to be added to your mobile menu with some customization however i could not find any changes in child theme files. Where have you added it?

    Best regards,
    Yigit

    October 8, 2018 at 11:55 am #1018947
    skrziwon

    On the iPad in Lanscape-Mode is the menu still not working:
    http://prntscr.com/l3hseh
    Here should be also the mobile menu be active.

    The Search Icon isnt done by us. I will check that.

    October 9, 2018 at 7:54 am #1019380
    skrziwon

    Do you have a solution for Landscape-View on iPad?
    http://prntscr.com/l3hseh

    October 10, 2018 at 8:12 am #1019824
    Victoria

    Hi skrziwon,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1024px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 26 posts - 1 through 26 (of 26 total)
  • You must be logged in to reply to this topic.