Note that there are some explanatory texts on larger screens.

plurals
  1. POCannot find a way to remove 'hover' on div
    primarykey
    data
    text
    <p>I have a div that currently appears on hover over of another div.</p> <p>I need it to remain open all the time and I'm also trying to fix it so that a visitor can minimize it.</p> <p>The problem is that I don't know how to achieve to keep it open all the time. I see the 'hover' class that appears on the CSS but I'm not able to locate it in the php/html file.</p> <p>Not sure if the code helps, but here's what I have:</p> <pre><code>&lt;div id="main_navigation" class="hor_navigation clearfix"&gt; &lt;?php wp_nav_menu( array( 'sort_column' =&gt; 'menu_order', 'theme_location' =&gt; 'header', 'depth' =&gt;'2', 'container' =&gt; 'none' ) ); ?&gt; &lt;/div&gt;&lt;!-- #navigation --&gt; &lt;?php if ( !is_user_logged_in() ): ?&gt; &lt;div id="nav_subscription" class="subscription_form clearfix"&gt; &lt;span id="subscribe_dd" class="contrast"&gt;&lt;?php gb_e( 'Get the Latest Deals' ) ?&gt;&lt;/span&gt; &lt;div id="subscription_form_wrap" style="display: block;"&gt; &lt;a id="dialog-minimize" href="#" onclick="minimize();" style="display: block;"&gt;&lt;span&gt;Min&lt;/span&gt;&lt;/a&gt; &lt;a id="dialog-minimize-return" href="#" onclick="minimize_restore();" style="display:none;"&gt;&lt;span&gt;Min&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt;&lt;!-- #header_subscription.subscription_form --&gt; &lt;?php endif ?&gt; </code></pre> <p>CSS</p> <pre><code>#subscription_form_wrap { -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background: none; background: none; background-color: white; padding: 0 8px 10px 8px; float: right; position: absolute; top: 28px; right: 0; height: auto; min-width: 200px; display: block; font-size: 13px; } #subscribe_dd { font-weight: bold; text-align: right; white-space: nowrap; padding: 10px 20px 5px; height: 10px; text-shadow: rgba(0, 0, 0, 0.5) 0 1px; position: absolute; top: 0; right: 0; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; z-index: 10; border-bottom: 1px solid #CCC; border-bottom: 1px solid rgba(255, 255, 255, .2); line-height: 5px; background-color: #999999; color: #FFFFFF; } </code></pre>
    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. 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