Menu has been disappeared

• 

  9thartwave · Member · Oct 3, 2016 at 2:14 pm

  • Copy link
  • Add topic to favorites

  For no reason, without doing anything the primary and secondary menu have been disappeared…

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 4, 2016 at 12:58 am

  • Copy link

  Hi there, I see the primary menu on your site and I see social icons in your footer. Are you still having problems with this?

• 

  9thartwave · Member · Oct 4, 2016 at 9:06 am

  • Copy link

  I just put them back, but they were gone for no reason…moreover, I had a fb icon on the right hand side of the primary menu which is not there now

• 

  9thartwave · Member · Oct 4, 2016 at 9:08 am

  • Copy link

  there is the link but it it like hidden, you cannot see the icon

• 

  thesacredpath · Member · Oct 4, 2016 at 6:39 pm

  • Copy link

  On the FB icon, you have hotlinked from another site and that site no longer exists or is down: http://www.dundeesportcity.com/ .

  This is the URL of the FB icon in your custom CSS: http://www.dundeesportcity.com/wp-content/themes/dundeesportcity/images/facebook.gif

  You will need to find another FB icon and then upload it to your media library and replace the URL in the following custom CSS rule.

  .menu-item-4164 a {
      background: rgba(0, 0, 0, 0) url("http://www.dundeesportcity.com/wp-content/themes/dundeesportcity/images/facebook.gif") no-repeat scroll 0 0;
      height: 20px;
      text-align: left;
      text-indent: -9999px;
      width: 20px;
  }

  If you upload it to your media library, no one can delete it out from under you.

  Not sure why the menus would have disappeared by themselves. I looked through the audit log and don’t see any indication of them being disabled or anything. If it happens again, let us know.

• 

  9thartwave · Member · Oct 4, 2016 at 9:32 pm

  • Copy link

  I have done it but i cannot see the icon, just the edge of it…usually it was on the right hand side, next to the ”contact”. Again it is there, just not visible (if you place the cursor you will notice

  Another thing, how can I make the artists drop down menu to come into 2 columns?

• 

  thesacredpath · Member · Oct 5, 2016 at 9:58 pm

  • Copy link

  Hi, the image is a bit larger than the area available to it. Add a background-size: contain; declaration to the that CSS rule and the image will appear. It should look like this when you are done.

  .menu-item-4164 a {
  	text-align:left;
  	text-indent:-9999px;
  	background:url('https://9thartwave.files.wordpress.com/2016/10/facebook-like-button-blogger-comments-section.jpg') no-repeat;
  	width:10px;
  	height:10px;
  	background-size: contain;
  }

  If you wish to have the icon larger, simply edit the height and width values. Since the icon is square, use the same value for both.

• 

  9thartwave · Member · Oct 6, 2016 at 7:37 am

  • Copy link

  many thanks…what about the drop down secondary menu?

• 

  thesacredpath · Member · Oct 6, 2016 at 8:19 pm

  • Copy link

  You have set the submenu to 3 columns in your custom CSS. Find the following rule in your custom CSS and change the 3 locations for “3” to “2”.

  nav[role="navigation"] li ul.sub-menu {
  	background:#fff;
  	width:500px;
  	height:230px;
  	columns:250px 3;
  	column-gap:0;
  	-webkit-columns:150px 3;
  	-webkit-column-gap:0;
  	-moz-columns:150px 3;
  	-moz-column-gap:0;
  }

• 

  9thartwave · Member · Oct 7, 2016 at 12:07 pm

  • Copy link

  perfect, thanks

• 

  thesacredpath · Member · Oct 7, 2016 at 8:28 pm

  • Copy link

  Hooray and you are welcome!