Changing Navi Style: Submenu and mobile

2 posts from 2 voices

• Started 1 year ago by fish97
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   fish97
   Member

   i would like to "restyle" the menu displayed on mobile devices. color, typo etc. where can i make these changes?
   Furthermore i would like to have a Mega-Menu for the level2 navi. Ive seen that in some scripts, but have no idea, how to activate or implement. Otherwise it would be great to have it not vertically but horizontally displayed to save some space.

   thanks for your help!

   Posted 1 year ago #
2. 

   Devin
   Moderator

   Hi fish97,

   There isn't a Mega-menu component for the Angular theme so there is no way to add it in using theme functions. You would need to look into a menu plugin.

   You can modify the dropdown menu that is used in the mobile view by modifying the following CSS (either add it to your Quick CSS or custom.css file in the css folder):

   .mobileMenu{
    width:41.5%;
    min-width:232px;
    -webkit-appearance: none;
    -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px;
    background-image: url(data:image/png;base);
    background-position: center right;
    background-repeat: no-repeat;
   }

   Regards,

   Devin

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.