Menu Search Offset

  • Posted in : Read WP
  • B166ER
    Participant

    Hi there,

    sorry to bother you again but I’ve noticed a slight offset for the search item in the menu. It’s barely visible on desktop but clearly noticable on mobile devices like an iPad.

    https://i.imgur.com/gtwUR4x.jpg
    https://i.imgur.com/yODTHq6.jpg

    Maybe it was done on purpose, to look different than other menu items but I’d like to have it in line.

    Could some code wizard help me with that?

    Thanks in advance! :)

    Bonus Question: How do I change the color of the menu button for mobile devices?

    B166ER
    Participant

    I could fix the part for desktop view:

    /* bug fix search form alignment*/
    #search-form label { top: 0px; }

    But on mobile it’s still one or two pixels off.

    I’d like to change the background color of the menu button to: #F2F2F2 and remove the “MENU” letters and make the menu buttom centered. Is that possible?

    serkan
    Moderator

    Hi,
    Could you provide me your related url, please?
    Thanks

    B166ER
    Participant

    Sure, I’ve posted it in the private content section :)

    serkan
    Moderator

    Hi,
    You can use this custom css code to change the menu background color;

    .main-navigation div.selector { background: #f2f2f2; }

    I checked your url and i didn’t see any pixel issue, sorry and other request is not possible by default because of the layout structure.
    Thanks

    B166ER
    Participant

    Thanks a lot for the code! It worked great!
    Regarding the offset, that’s odd, well however, I removed the search item from the menu, not that much important

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register