Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #638203

    Hello,

    I’m have problems with the mega menu spilling off the right hand side of the window on larger screens (When hovering over ‘Products’).

    Is there some quick css that will sort it out?

    Thanks

    #638218

    Hey primdogg,

    Thanks for getting in touch with us!

    I am not seeing the issue with the Mega Menu on my end. I have a attached a screenshot of how the site looks when I view it. Could you please provide a screenshot of the issue that occurs when viewing the mega menu.

    Best regards,
    Jordan

    #638223

    Hi Jordan,

    There’s another column to right of Junior which you can’t see as it’s off the window.

    Thanks

    #638309

    Hi,

    Thanks for getting back to me!

    That explains it :) Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header .avia_mega_div {
        left: -500px !important;
    }
    

    Best regards,
    Jordan

    #638745

    I’ve added the code but no joy. Below is all my quick css, maybe something is conflicting? Sorry my code knowledge is very minimal!

    #638749

    Hi!

    Please replace your custom CSS with following one – http://pastebin.com/9ua2GiAh

    Best regards,
    Yigit

    #642165

    Hi,

    Not perfect but sort of works, thanks! However the logo has now gone small and disappears on the sticky header when scrolling. Related to the css or just coincidence?

    Thanks

    #642875

    Hi,

    We need to take a closer look please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username

    Best regards,
    Vinay

    #643972

    Thanks!

    #644602

    Hi,

    We have fixed the mega menu and it is working great now. But you will not see the changes as W3 Total Cache plugin is active. You need to go in the plugin settings and clear the cache to view the changes.

    Best regards,
    Vinay

    #644656

    Legend! Thank you!

    One more thing… any idea why the logo has shrunk and also disappears when scrolling?

    Thanks again

    #645060

    Hi,

    You are kind :)

    The below code in the quick css was causing the issue. I have removed this from Quick CSS.

    .logo img {
    padding: 30px 0;
    width: 150px;
    height: auto;
    }
    

    Again you may not see the changes until the cache is cleared from the plugin and in the browser.

    Best regards,
    Vinay

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.