Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 14, 2015 at 1:12 am #458872
    Winterideen

    Hi there,

    couldn’t find an answer to this problem in the forum.

    The problem: When setting “Apply only to mouse hover state”, the menu changes so that there is a logo on the left side and the menu items at the right side. For the last item the hover box is cut off at the right side.

    Example: Let’s say the menu has 3 items, that are “Home”, “Prices” and “Contact”. For the items “Home” and “Prices” the hover box appears correctly (left and right distance are the same and the text content (“Home”, “Prices”) is centered. For the last item (here “Contact”), the hover box has the correct left distance, BUT the right distance from the text content (“Contact”) will be 0 pixels and directly cut off at the text.

    To clarify the problem, here an image:
    Problem

    Thanks for your help in advance

    • This topic was modified 8 years, 10 months ago by Winterideen. Reason: EDIT: Image link corrected
    June 14, 2015 at 4:31 pm #458954
    Yigit

    Hey Winterideen!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
  padding-right: 13px;
}

    If that does not help, please post the link to your website

    Cheers!
    Yigit

    June 15, 2015 at 10:10 am #459199
    Winterideen

    Hi Yigit,

    thanks for your reply. It work’s, thanks a lot.

    May I ask, is this gonna be fixed with the next theme update or is this any kind of a feature?

    Cheers!

    June 15, 2015 at 5:18 pm #459514
    Yigit

    Hi!

    You are welcome!
    It is mainly made for search icon so it is intended. You can keep the code in Quick CSS field :)

    Regards,
    Yigit

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