Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1303522

    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

    #1303761

    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

    #1304818

    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

    #1304826

    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

    #1305260

    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

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

You must be logged in to reply to this topic.