Help with Image blocking menu in Matala Theme

• 

  tgon65 · Member · Jan 30, 2014 at 6:01 am

  • Copy link
  • Add topic to favorites

  Hey guys,

  I have already changed the background of my Matala theme without a problem. But after changing the background I then wanted to add an image that would be semi-transparent and would overlay the white text box/content area.

  I managed to get the code to display the image in the correct place but now the image is blocking my drop down menu. So that if you scroll to a menu item which is over the transparent image, you lose your active hover on the menu and it closes the drop down menu.

  I want to paste the code into the CSS or in the code through the Appearance Editor in a way that will past the images on every page but will have them display over the white text background but still behind the text and menus.

  Here is the code I am using to display the image at the moment.

  <img style=”position: absolute; top:244px; left: 220px;” src=”http://www.tgon.co.uk/wp-content/uploads/2014/01/strans1.png”>

  I have tried pasting this code into the page template and keep getting the same result.

  Any help would be greatly appreciated!!

• 

  tgon65 · Member · Jan 30, 2014 at 8:58 am

  • Copy link

  Solved this issue by moving to the CSS as shown here:

  #primary,
  #secondary {
  background: #fff;
  float: left;
  }
  #primary {
  clear: both;
  margin: 150px 15px 0 0;
  width: 692px;
  background: #fff url(‘http://www.tgon.co.uk/wp-content/uploads/2014/01/stransboth.png’) no-repeat;
  }
  #secondary {
  margin: 260px 0 0 2px;
  overflow: visible;
  width: 251px;
  }