Duplicate Display on Hover

  • AztecZec

    (@azteczec)


    10 years, 3 months ago

    Hi,

    My problem is the main menu is being duplicated (flashed) on the screen on the far left of the drop down menu.

    This happens only in the Baskerville theme (using child theme) shown below at link number (1). However, at link number (2) the menu is fine and behaves as it should. I have a feeling the Baskerville theme is overriding something when the mouse hovers over the top level links in the drop down menu but I can’t find anything. I’m not using Baskerville’s WordPress drop down menu but my own customised menu. Not sure why it behaves weird in the Baskerville theme but otherwise perfect in my own main non-blog portion of the site.

    Example:
    (1) http://www.samfiel.co.uk/blogs/ (weird behaviour)
    (2) http://www.samfiel.co.uk/ (works fine)

    Any help to locate this issue within Baskerville would help immensely. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mr Case

    (@mr-case)

    10 years, 3 months ago

    there is a class called ‘topsliderB1’ with some odd css styles. They have the ‘!important’ declaration on them too. the height property had no value. anything other than 0 should have a value, like ‘px’. and your left should be 0.

    try adding this in your custom css:

    .topsliderBl {
    height: 555px !important;
    left: 0 !important;
}
    Thread Starter AztecZec

    (@azteczec)

    10 years, 3 months ago

    Hi Mr Case, Thanks for your response and pointing out the omission of “px” I forgot to insert.

    The “left: 0 !important;” line you mentioned above is fine but I used a different value for the purpose I want to achieve. However, neither points affect the dropdown menu issue I am getting. Just for clarity I tried your suggestions but that did not stop the weird duplicate effect I get when hovering over the drop down menu in the /blogs/ folder.

    Thanks just the same maybe someone else can see something I’m missing or the author of Baskerville can tell me which class or ID in their CSS could be conflicting with this issue. This is why I made all the CSS in my child-them !important to give them precedence.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Duplicate Display on Hover’ is closed to new replies.