Home Forums Weaver II Theme Sub Menu Dropping Behind Element

Topic Resolution: Answered

This topic contains 8 replies, has 2 voices, and was last updated by  babcockam 1 week, 4 days ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #61950
    Answered

    babcockam
    Participant

    My submenu on; http://buckeyefenceservices.com, is dropping behind the layerslider I have placed below it.

    I have pasted the folllowing code in the Custom CSS Rules box, and it usually fixes the problem, but it didn’t work this time.

    #wvrx_columns-2 .wvrx-flex-cols {overflow:visible;}

     

    Any suggestions?

    Thank you!

    #61952

    scrambler
    Moderator

    Add the rule below to the theme Global Custom CSS Rule box

    #wvrx_columns-2 .wvrx-flex-cols {overflow:visible;}

     

    #61953

    babcockam
    Participant

    That is the code I have placed under Main Options> Fonts & Custom>Custom CSS Rules.

    But it isn’t working. There is another website I am having the same problem with:  https://serenityhomeimprovements.com/

    #61954

    scrambler
    Moderator

    You need to add important

    #wvrx_columns-2 .wvrx-flex-cols {overflow:visible !important;}

    #61956

    babcockam
    Participant

    Thank you Scrambler.

    Is adding, “!important”, the first thing to add when something doesn’t work?

    #61958

    scrambler
    Moderator

    No, the first thing to do would be to open the Browser Developer tools (F12) Inspect the element, and check why your rule is not working.

    If you see your rule but it is being overridden by another one, then trying !important is one thing you can try. Another would be to check if the rule is being overridden because the selector you chose where not optimal compared to the one used by the overriding rule.

    If you do not see your rule, then the problem could be that you placed it in the wrong place or that you had a Syntax error in your rule, or a syntax errors in some other custom rules before that.

    #61962

    babcockam
    Participant

    @scrambler Thank you for the information, I feel like that may be past my skill level 🙂

     

    And the code worked on the Buckeye Fence website, but it isn’t working on Serenity Home Improvements.

     

    https://serenityhomeimprovements.com/

    #61964
    Best Answer

    scrambler
    Moderator

    This reply has been accepted as the best answer.

    The widget index is three. so the rule should be

    #wvrx_columns-3 .wvrx-flex-cols {overflow:visible !important;}

    Or probably just the one below would do to

    .wvrx-flex-cols {overflow:visible !important;}

    #61967

    babcockam
    Participant

    THANK YOU!!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.