#127144 Mobile Menue – DropDown Button / Icon

Landing Forums JupiterX WordPress Theme Mobile Menue – DropDown Button / Icon

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • contact-cdf62bc5

    Hello

    can you help me to change the Icon of the Submenue?

    Thanks

     

     

    Tatyana Hutsol Support Team

    Hello,

     

    Please provide WP Dashboard credentials in the private reply and clarify what icon you want to use instead.

     

    Regards.

    Private
    contact-cdf62bc5
    This reply has been marked as private.
    Tatyana Hutsol Support Team

    Hello,

     

    We can change the icon with custom css code.

    Do you have the icon which you want to use or you want to set another Font Awesome icon?

     

    Regards.

    contact-cdf62bc5

    I want to use a own designt Icon

    Icon in attach files *circle_dot_icon.svg

     

    I want the Icon only in the mobil menue (not desktop or tablet)

     

     

    Tatyana Hutsol Support Team

    Hello,

     

    I uploaded your icon to the Media Library and added css code in Customize > Additional CSS inside the media query “@media (max-width: 575.98px)” https://prnt.sc/1hjwzr4 :

    .raven-nav-menu li.menu-item>a.raven-link-item .sub-arrow:before {
    content: '' !important;
    background-image: url(http://new.anwaltskanzlei-dr-wagner.de/wp-content/uploads/2021/07/circle_dot_icon.svg);
    width: 20px;
    height: 20px;
    display: block;
    }

    Please check the menu on mobile now.

     

    Regards.

    contact-cdf62bc5

    Thanks.

    The Tablet still shows the olt Icon as you can see in the attach files.

    I donĀ“t want to see there any kind of Icon.

    Tatyana Hutsol Support Team

    Hello,

     

    To hide the arrows on tablet, use this css code:

    @media (min-width: 767px) and (max-width: 1023px) {
    .raven-nav-menu li.menu-item>a.raven-link-item .sub-arrow {
    display: none !important;
    }}

     

    Regards.

    Private
    contact-cdf62bc5
    This reply has been marked as private.
    Tatyana Hutsol Support Team

    Hello,

     

    Please add this code in Jupiter X > Theme Styles > Additional CSS:

    .current-menu-ancestor a.raven-menu-item:before, .current-menu-item a.raven-menu-item:before {
    content: '';
    background-image: url(http://new.anwaltskanzlei-dr-wagner.de/wp-content/uploads/2021/07/circle_dot_icon.svg);
    width: 20px;
    height: 20px;
    }

     

    Regards.

    contact-cdf62bc5

    Thanks again šŸ™‚

     

    one last qestion:

    2 Month ago there was a problem with Elementor and Jupiter X so I had to go back in the Elementor version.

    Is there still a problem or can I update Elemontor now?

    Private
    Tatyana Hutsol Support Team
    This reply has been marked as private.
Viewing 12 posts - 1 through 12 (of 12 total)
You must be logged in to reply to this topic.
Login