The + for folding out is missing

Comments

• Bryan

  February 2018

  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
• AltcoinTrader

  February 2018

  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.
  
• Bryan

  March 2018

  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
• AltcoinTrader

  March 2018

  #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;

  }

  
  
• Bryan

  March 2018

  #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
• AltcoinTrader

  March 2018

  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.

  
  
  
• Bryan

  March 2018

  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
• AltcoinTrader

  March 2018

  @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? 
• Bryan

  March 2018

  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