Home Forums Weaver Xtreme Theme WVR X-Plus Menus Dropping Behind

Topic Resolution: Answered

This topic contains 8 replies, has 2 voices, and was last updated by  babcockam 3 months, 2 weeks ago.

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

    babcockam
    Participant

    I have an issue with my WVR X-Plus Menus Widget Dropping Behind the area below it. I have tried using the following code but it has not helped:  .wvrx-flex-cols, .wvrx-fb-col-2 {overflow:visible !important;}

     

    The website is:  https://mediadevsite10.com/

    #59767

    scrambler
    Moderator

    The rule to use, placed in the theme Global Custom CSS Rule box, is

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

     

    #59769

    babcockam
    Participant

    I tried that and it didn’t work :/

    #59770

    scrambler
    Moderator

    Did you leave the rule in, because I don’t see it.

    If you did, you may have a bad CSS rule before it with a syntax error causing the problem.

    If not,, put it back so I can see what is going on

    Also try adding !important

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

    #59771

    babcockam
    Participant

    I do have it in there. I have added the new code you sent with !important and it still didn’t work.

    Here is all of the code I have placed in the Custom CSS Rules:

     

    .page-id-2 #container{max-width:100% !important;}
    .page-id-2 #content{max-width:100% !important;}
    .page-id-2 #content{padding-left:0px;padding-right:0px;padding-top:0px;}
    .homepagetext max-width:1100px;margin-left:auto;margin-right:auto;

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

    .testimonialslider {max-width:1000px;margin-left:auto;margin-right:auto; background-color: rgba(100,100,100, 0.6);}
    .prefootertext {padding-top:75px; padding-bottom:10px; text-shadow: 1px 1px 1px #4f4d4d; max-width:1000px;margin-left:auto;margin-right:auto; }

    .slideshowbutton {border-style: solid; border-width: 2px; border-color: #ffffff;}

    .footerwidgettext {padding-top:50px;}

    #59774

    scrambler
    Moderator

    fourth line is missing curly brackets…

    .homepagetext max-width:1100px;margin-left:auto;margin-right:auto;

    .homepagetext {max-width:1100px;margin-left:auto;margin-right:auto;}

    #59799

    babcockam
    Participant

    I still am having the issue with the menu not staying on the top “layer” any more suggestions?

     

    https://mediadevsite10.com/

    #59800
    Best Answer

    scrambler
    Moderator

    This reply has been accepted as the best answer.

    You did not fix your CSS !!

    You have

    /* Global Custom CSS Rules */
    .page-id-2 #container{max-width:100% !important;}
    .page-id-2 #content{max-width:100% !important;}
    .page-id-2 #content{padding-left:0px;padding-right:0px;padding-top:0px;}
    .homepagetext {max-width:1100px;margin-left:auto;margin-right:auto;

    #wvrx_columns-2 .wvrx-flex-cols {overflow:visible !important;}
    Instead of
    /* Global Custom CSS Rules */
    .page-id-2 #container{max-width:100% !important;}
    .page-id-2 #content{max-width:100% !important;}
    .page-id-2 #content{padding-left:0px;padding-right:0px;padding-top:0px;}
    .homepagetext {max-width:1100px;margin-left:auto;margin-right:auto;}

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

    babcockam
    Participant

    I’m sorry, I thought I had made the correction.

    It does work now.

    Thank you!

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

You must be logged in to reply to this topic.