How To Add Text Near The Menu Button Of Intergalactic Theme

• 

  hrhngx · Member · Jan 24, 2016 at 7:59 pm

  • Copy link
  • Add topic to favorites

  I use Intergalactic Theme which has a triple-bar menu toggle on the right-top corner…
  How can I add a title text as MENU left-near that button?

  And I will add this text on .blog, .page, .archive and .search areas only; not on .single, .error404 or .search-no-results because they already have one as .site-title there…
  EG: aegaeusmann.com/2014/10/31/nuno-rocha-momentos-2010

  But this new text content MENU will also be adjusted in the same way as the example above:

  {
  top: 23px;
  font-size: 2.5em;
  font-weight: bold;
  }

  Including one more rule for the font-color as #fff white…

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

• 

  thesacredpath · Member · Jan 26, 2016 at 5:17 am

  • Copy link

  Give this a try and see if this does it for you.

  .blog .menu-toggle:before, .home .menu-toggle:before, .archive .menu-title:before, .search .menu-toggle:before {
      content: "Menu";
      display: inline-block;
      color: #fff;
      position: relative;
      right: 80px;
      top: 17px;
  }

• 

  hrhngx · Member · Jan 26, 2016 at 6:18 pm

  • Copy link

  Thank you very much, sir; currently it’s working here!
  And I’ve also made some adjustments/arrangements on them here individually:

  .blog .menu-toggle:before, .page .menu-toggle:before, .archive .menu-toggle:before, .search .menu-toggle:before {
  content: “MENU”;
  display: inline-block;
  color: #fff;
  font-size: 2.5em;
  font-weight: bold;
  position: relative;
  right: 154px;
  top: 31px;
  }

  .blog .menu-toggle:hover:before, .page .menu-toggle:hover:before, .archive .menu-toggle:hover:before, .search .menu-toggle:hover:before {
  color: #8b0000 !important;
  }

  .blog .menu-toggle, .page .menu-toggle, .archive .menu-toggle, .search .menu-toggle {
  top: 0em !important;
  }

  But my next 2+1 questions under this topic are:

  [1] How can I hide/block the cursor-prints left by mouse when these elements or any hyper-links are clicked on Chrome?

  [2] How can I make it slower/smoother while opening & closing my push-menu exactly?

  [+1] By the way, is there any valid CSS rule on WP for me in order to make it slower/smoother while scrolling everywhere within my website; is that possible here?

• 

  hrhngx · Member · Jan 26, 2016 at 6:24 pm

  • Copy link

  my hyper-links*

• 

  thesacredpath · Member · Jan 27, 2016 at 8:07 am

  • Copy link

  1. Not sure I understand what you are talking about here. Are you talking about how the links change color once you have visited them? If so, that would be here.

  .entry-content a:visited {
      color: #8b0000;
  }

  2. The slide in/out on the push menu is here. The 0.3 is the delay.

  .slide-menu, .single .slide-menu {
      transition: all 0.3s ease-in-out 0s;
  }

  +1. I don’t know of anyway to do this with pure CSS, unless you could edit the theme HTML, or add JQuery or Javascript.

• 

  hrhngx · Member · Jan 27, 2016 at 6:30 pm

  • Copy link

  No, sir; actually I mean, while browsing with Chrome; I see those border-lines left by mouse-cursor referring to the element/link most recently clicked…

  EG: imgur.com/Seeh4RE&r7P5WNM

  And not a big deal for me; I just wonder whether there is anything we can do about this or not…
  Thanks for your patience in advance, sir…

• 

  thesacredpath · Member · Jan 28, 2016 at 7:33 am

  • Copy link

  Hmmm, that is weird. Doesn’t happen in Safari, which is also a webkit-based browser. I’m going to ask our developers about this. I can’t seem to find what is causing this.

• 

  thesacredpath · Member · Jan 28, 2016 at 8:50 am

  • Copy link

  I just chatted with one of our developers and they suggest the following CSS to get rid of the outline on the menu toggle in Chrome.

  .menu-toggle:focus {
      outline: none;
  }

  Let me know how that works for you.

• 

  hrhngx · Member · Jan 28, 2016 at 11:28 am

  • Copy link

  Now all clear about each issue under this topic here!
  Thank you & your developer friend[s] there very much, sir!

  And personally thank you very much again for your individual efforts and wise responses during my recent three topics/issues all for days…

  As I told you before: it has always been an honour; also a pleasure to discuss any issue with you here, sir…
  See you very soon…
  Sincerely…

• 

  thesacredpath · Member · Jan 28, 2016 at 9:27 pm

  • Copy link

  You are welcome, and it has been a pleasure for me as well.