Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strike>try using relative instead of absolute positioning. also, failing that, try specifying left as a percentage (i.e. approx 50% is where the menu starts), and width also as a percentage (100% should make it use only from the left-most point of the <code>div</code> to the right-most side of the screen. if not, try 50% width).</strike></p> <p><hr /> The problem is in your HTML, not your CSS (I think. Well, I fixed the part where 'Adults' was hiding, that was a syntax error)</p> <p>the <code>span</code> where Adults is declared is mistyped. I replaced <code>&lt;span class="drop"&gt;&lt;adults&lt; span=""&gt;</code> (problem code) with <code>&lt;span class="drop"&gt;adults&lt;/span&gt;</code> and 'Adults' displays properly. However, it is a little squashed to the right, but I believe that would be because of the images top left of the page of '<a href="http://goawaymom.com/bad/" rel="nofollow">bad</a>' version, which are not there on the '<a href="http://goawaymom.com/good/" rel="nofollow">good</a>' version</p> <p>PS: I've left the old answer there as people may have similar issues, where it is in fact the CSS at fault. If you think it's considered "off-topic" let me know, I'll remove it</p> <p><br> <b>UPDATE:</b> Oh, and something I forgot to mention, to fix the squashed megamenu, just edit the location in the CSS, that should bring it back to normal</p> <p>Alternatively, you can scrap div (almost) entirely and use tables instead. can be confusing sometimes, but in my opinion it's totally worth it. You just can't merge/split cells (to split just create a table within a table). Use microsoft word or openoffice writer or something like that and create tables within tables for graphical "base layout" to help you figure out the necessary code. Here's a starting point: <a href="https://github.com/Sylvester-the-Cat/Code-snippets/blob/master/formatting%20with%20tables%20by%20Sylvester.htm" rel="nofollow">Formatting layout with tables on gitHub</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload