Customizing the NavMenu for desktop and mobile

  • Resolved toloekka

    (@toloekka)


    6 years, 2 months ago

    Hi ??

    Customizing the NavMenu for desktop and mobile

    I am using the plugin ?NavMenu Addon For Elementor? from Themelsle and have some questions about styling the menu.
    The website in question is https://www.storoien-fluefiske.no

    1)
    I would like to use some other ?arrows? than the ?arrows? that are Default for the submenues. Is that possible? (I have styled the colors with css thow but don’t like the ?arrows? them selfes).

    There is also a thin white line to the left of the ?arrow? that don’t look good that I would like to get removed.

    2)
    And I would like to have the ?arrows? closer to the menu text, not all the way to the right side as it is now whee it covers the hole width.
    More like this: https://www.lts-flyfishing.com/no/

    3)
    I would also like to have the next level of submenus under ?FLUESTENGER? indented a litte to the right. (?LTS NITRO?, LTS SLINGSHOT? and so on).

    4)
    Here: https://www.lts-flyfishing.com/no/ you can also see that when you click on an ?arrow? lets say on ?BEKLEDNING? and the submenus shows, the menu line ?BEKLEDNING? have an ?active? color (that is red). Can I achive this also?

    Hope someone can help and understand my ?norwegian-english? ??

    Kind Regards
    Tom L?kka

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Madalin

    (@madalin_themeisle)

    Hi @toloekka,

    Sorry for my delayed replay. Could you please tell us if you issue still persist after the last update?

    We’re waiting for your reply — Have a great day!

    Thread Starter toloekka

    (@toloekka)

    Hi ??

    I got this help: https://screenshots.sharkz.in/samrudhi/2018/10/2018-10-16_13-06-29.mp4

    I did some changes in css and now I think its okay.

    .main-header-bar {
    padding: 0em;
    line-height: 2.8;
    }
    ul#primary-menu {
    line-height: 2.8;
    }
    .main-header-menu .sub-menu a {
    padding-top: 8px;
    padding-bottom: 8px;
    }
    @media (max-width: 768px) {
    .ast-menu-toggle:before {
    content: “\f0ab” !important;
    font-size: 22px;
    line-height: 20px;
    font-family: FontAwesome !important;
    }
    }

    I also found out that I can use “flyout menu” to get the same result as: https://www.lts-flyfishing.com/no/

    Kind regards
    Tom L?kka

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customizing the NavMenu for desktop and mobile’ is closed to new replies.