Support Center Visit Demo License manager Buy @ envato

The + for folding out is missing

AltcoinTraderAltcoinTrader
in Menu / Mega menu
Hello dear Support Team.

I noticed yesterday, the user with a slightly smaller mobile phone, the + to unfold in the menu does not see. I see it on my big samartphone, but if it's a little smaller, you can't fold it out. You can't use it to access all my submenu items.

An example for smaller smartphones:
https://imgur.com/a/vh0B9

An example of what it looks like on my smartphone:
• Is it possible to add this on all Smartphones?
• Besides, you don't see the + sign on the desktop, is it possible to add it also on Desktop?

The Website: decentralbox.com

Best Regards,
Decentralbox

Comments

  • BryanBryan
    Hi,
    from what you show on the screenshot the + icon appears on mobile so please explain what the issue is exactly.
    There is no option to add a + icon on desktop, you can only add a tringle down icon in theme options>menu&action bar>menu
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • AltcoinTraderAltcoinTrader
    Hello, the first screenshot shows a small smartphone where the + sign does not appear.

    I'm not talking about the plus in tutorials (+) 
    But from Tutorials (+) > Altcoins kaufen (+ is missing)

    Where the red question marks are, the + sign is missing
    __

    Is this Triangle menu only available for the fold-out elements? I just need it so that people know which items you can open.
  • BryanBryan
    If you enable this option (triangle down for submenus) then it will appear only if there is a submenu.

    I remember that we did some CSS changes here and they are probably the cause.
    Please disable this custom css for the menu alingment and see if it helps.
    Also paste this css here so we can make some modifications and keep the previous css disabled.

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • AltcoinTraderAltcoinTrader
    #Top_bar .menu li ul.sub-menu li { 
    width:340px !important;
     }

    #Top_bar .menu li#menu-item-8298 ul.sub-menu li { 
    width:420px !important;
     }

    #Top_bar .menu li ul li ul { left: 300px !important; } 

    #Subheader ul.breadcrumbs { display: block !important; }

    #Top_bar .menu > li#menu-item-6948 > a > span { color: #32b200; }
    #Top_bar .menu > li#menu-item-6948 > a > span > i { color: #FFFFFF; }

    #Top_bar .menu > li#menu-item-8298 > a > span { color: #ffa600; }
    #Top_bar .menu > li#menu-item-8298 > a > span > i { color: #FFFFFF; }

    #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { background: #ffa600 !important; color: #FFF !important; }

    #Top_bar {
    border-bottom: 1.5px solid #f26c1c;
    }

    #Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a { color: #000 !important; }
    #Subheader ul.breadcrumbs li {color:#ffa600 !important;}

    #Top_bar .menu > li {
    display: inline-block !important;
    float:none !important;
    }
    #Top_bar .menu {
    text-align:center !important;
    }

    body #Top_bar .menu  ul {
    text-align:left !important;
    }

  • BryanBryan
    #Top_bar .menu li ul.sub-menu li { 
    width:340px !important;
     }

    #Top_bar .menu li#menu-item-8298 ul.sub-menu li { 
    width:420px !important;
     }

    This css is wrong, because if the submenu is set to be wider than the mobile device width and this is why you do not see the "+" icon.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • AltcoinTraderAltcoinTrader
    Thank you, thats true, if i delete this code, it works on smartphone.

    But it looks so terrible on Dekstop. Here i show you how it looks on the Desktop now (without the css code you did for me in our first thread):
    https://imgur.com/a/W6IJw

    Is there any way to make the menu wider without the plus disappearing on the phone? 

    i really hope there's a solution, it looks awful when i remove the css code from the top.


  • BryanBryan
    You should use media qieries for that, like this:
    @media (min-width:768px) {
    INSERT CSS HERE
    }

    This will only use the current css until the mobile resolution.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • AltcoinTraderAltcoinTrader
    @media (min-width:768px) {

    #Top_bar .menu li ul.sub-menu li { 
    width:340px !important;
     }

    #Top_bar .menu li#menu-item-8298 ul.sub-menu li { 
    width:420px !important;
     }

    }

    You mean this way? 
  • BryanBryan
    Yes, this way this css will work only until 768px wide screens.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.