Okay
  Public Ticket #1374103
Mobile responsive menu - 2 questions
Closed

Comments

  • BoldbyDesign started the conversation

    I have 2 questions for mobile responsiveness for my site:

    1/ for some reason if there's submenu items underneath the main menu item when it's in responsive mode the link to the main menu item does not work, so there's no way to access those pages - for Example - if you try to navigate to the top LOOKBOOK item you can not, it brings up the list of sub items only. How do i fix this?

    2/What CSS is attached to the styling of the Mobile menu? I would like to make the text smaller.

    Thank you

    Angie

  •  9,017
    Tahir replied

    Hey,

    1: You can use This Option now with the Latest Theme Update : http://prntscr.com/hcur27 .

    2: Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
        #slide-out-widget-area .inner .off-canvas-menu-container li a {
            font-size: 26px !important;
            line-height: 36px !important;
        }
    }

    Thanks


    ThemeNectar Support Team 

  • BoldbyDesign replied

    Thanks! I have got the menu working well, but now it's showing "side Widget Area"  underneath the menu on responsive versions. How to a get rid of that option??

    Thanks so much

    Angie

  •  9,017
    Tahir replied

    Hey Again,

    Try placing a search widget in the Off Canvas Nav Area : http://prntscr.com/hf1rpb . 

    Best


    ThemeNectar Support Team 

  • BoldbyDesign replied

    Hi, I think there was a bit of confusion I do NOT want the widgets to show up in the responsive, which they currently do - see attached image.  how can i get rid of the text "Side Widget Area" "click here to assign widgets to this area" text.

    Thanks

    Angie

  •  9,017
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    #slide-out-widget-area .inner >div.widget {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team