Change the widget in the menu using CSS.

  • Resolved michalrama

    (@michalrama)


    4 years, 5 months ago

    Hello,

    I was able to add a widget to the menu (using the Widget Menuizer).

    The problem is that the header is higher because the flags are displayed below each other (and it can’t be changed). Plus, I don’t want him here either.

    However, this can be changed using CSS, I just don’t know how.

    Please help. I want the flags to appear to the far right (to the right of the magnifying glass) and to be side by side so as not to disturb the size of the header.

    Thank you

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • George Appiah

    (@gappiah)

    4 years, 5 months ago

    Your site is in maintenance mode.

    We need to see the live site before we can help with any CSS changes.

    Thread Starter michalrama

    (@michalrama)

    4 years, 5 months ago

    Sorry, I already deactivated it. The elements in the header are basically a list of <li>, so it would basically be enough to change the order to place them to the right. But I don’t know how, as well as the arrangement of the flags themselves.

    Thread Starter michalrama

    (@michalrama)

    4 years, 5 months ago

    UPDATE:

    I’ve figured it out.

    1. To place an element at the end of a list, you only need to know the id.

    $("#menu-item-1124").appendTo("#primary-menu");

    2. Flags are only a list <a> in <li>. Therefore, you only need to adjust their display.

    $("#primary-menu > li > a").css("display", "inline-block");

    Then it is still possible to add spaces so that the flags are not crammed side by side.

    $("#menu-item-1124 > a").css("padding-right", "10px");

    Thank you anyway.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Change the widget in the menu using CSS.’ is closed to new replies.