Search Icon in Small Bar above Main Menu - Support | Kriesi.at

Tagged: search icon, secondary menu, small bar above main menu

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
June 2, 2021 at 8:42 am #1303522

Dave
Participant

Hi
How can we add a Product Search Icon in Small Bar above Main Menu, so it’s either next to the phone number or the opposite side?

Is there a way to allow the Logo, Search Icon and Default size Burger menu to display on mobile without hiding behind each other?
example – https://hinklerparties.com.au/

Also, I have the Append search icon to main menu, however it is not there on desktop view.

Thanks
Dave

June 3, 2021 at 1:07 pm #1303761
Ismael
Moderator
Hey Dave,

Thank you for the inquiry.

You should be able to use this css code to adjust the position of the search icon and move it beside the phone number.
```
@media only screen and (min-width: 768px) {
  #top #menu-item-search {
    z-index: 100;
    position: absolute;
    top: -45px;
    right: 250px;
  }
}
```
The elements in the header are arranged properly on mobile view as shown in the screenshot below.

Screenshot: https://imgur.com/vcqOBbA

Would you mind providing a screenshot of the layout issue?

Best regards,
Ismael
June 9, 2021 at 9:19 am #1304818

Dave
Participant

When the Burger (Mobile) Menu Icon Style is set to Default Size (not small) it hides behind the logo.

I’m looking for a solution to fix this. – https://imgur.com/a/l9LZrb9

I tried your code it’s in the Special CSS however it made no difference.

Sorry to be a pain

Cheers Dave

June 9, 2021 at 10:07 am #1304826

Dave
Participant

Hey Mate
When I added that Special CSS the Menu and Headings lost some styling.

The menu lost the colour (turned grey) and got smaller. The Headings when from Upper and Lowercase to UPPERCASE.
So I added */ /* to the special CSS until we know why.

Here are some screenshots

Before adding Special CSS – https://imgur.com/58vfIgB

After adding Special CSS – https://imgur.com/sHG1Njf

Hope that makes sense :)

Thanks again for your help

Cheers Dave

June 11, 2021 at 12:57 pm #1305260

Ismael
Moderator

Hi,

Thank you for the update.

The css code has been commented out and the other css media query has a missing curly brace. We corrected those and disabled the Performance > File Compression settings temporarily. It should work properly now.

Best regards,
Ismael
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.