Clickable banner in header

• 

  darrylcotton · Member · Jun 6, 2017 at 9:38 am

  • Copy link
  • Add topic to favorites

  Hi

  I have been told on this forum that one cannot add any hyperlinked button to the header section. (I want to have the call for submissions banner that you see on the home page, on the top right hand side of the header.)

  I don’t have enough css knowledge to do this and don’t want to go the self-hosting wordpress.org route.

  I was wondering that if I upgrade to the business package on wordpress.com, whether I will be do this or is there any other way?

  Thanks
  Regards
  Darryl

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

• 

  thesacredpath · Member · Jun 7, 2017 at 2:53 am

  • Copy link

  Hi Darryl, first off, open that page and switch to the HTML/Text tab in the editor and copy out the code for your button. Then add a text widget to your sidebar and paste the code into it. Once you have done that, let me know and we can then move it up into the header area.

• 

  meltoncapetown · Member · Jun 7, 2017 at 4:45 pm

  • Copy link

  Ok great
  I have added the text widget. Its a button called “call for submissions”. This needs to move up to the header section please.
  Thx :)

• 

  meltoncapetown · Member · Jun 7, 2017 at 4:54 pm

  • Copy link

  Sorry ive had to remove it again as it needs to be edited. I will get in touch once the client has finalised the content of the submissions info.
  Thx Mr Happiness Engineer :)

• 

  thesacredpath · Member · Jun 7, 2017 at 7:50 pm

  • Copy link

  You are welcome and let us know when you are ready.

• 

  darrylcotton · Member · Jun 27, 2017 at 12:14 pm

  • Copy link

  Hi Again
  I have added the text widget. It is the blue button that says : “call for submissions on it”. We would like this to appear higher up in the header section please.

• 

  thesacredpath · Member · Jun 27, 2017 at 8:55 pm

  • Copy link

  Hi, add this to the bottom of your custom CSS and see what you think.

  #secondary #text-2 {
  	position: absolute;
  	top: 300px;
  }
  @media screen and (max-width: 900px) {
  	#secondary #text-2 {
  		right: 50px;
  	}
  }

• 

  darrylcotton · Member · Jun 28, 2017 at 8:10 am

  • Copy link

  Thanks so much, it looks great :)