Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #202289

    Kriesi Team…

    Super close on this – not sure what to do. Please see this site and note the navigaion menu and background color.

    I am attempting to do the same thing here on flagship template.

    I currently have this QuicCSS code helping with the positioning of the menu.
    #header .container a { color: white; }
    .main_menu { top: 70%; left: 20; }
    .main_menu ul:first-child > li > a { margin: 22px; }

    Could you please make a recommendation on how to tweak?

    Thanks in advance…


    Hey iqsmartmarketing!

    Please add this on your custom.css or Quick CSS:

    .main_menu {
    float: right;
    position: relative;
    right: inherit;
    z-index: 100;
    padding: 10px;
    line-height: 0;
    height: 30px;
    top: 50%;
    margin-top: -7px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    padding: 10px 30px 20px 30px;
    bottom: -15px;
    left: 30px;

    Best regards,


    Thanks for this… it worked.

    How do I change the color please?



    Please add following code to Quick CSS and adjust as needed

    .main_menu.bg_active {
    background: rgba(0, 0, 255, 0.3); }

    You can refer to color scheme here




    Thanks for the reply…
    Not to make matters complicated, Ismeal had provided a great fix for a ticket I opened yesterday – but did not include the color change.

    Ticket: #202406

    How can I merge your solution with his? or can I put 2 Qcss’ together?

    Thanks for your help – you guys rock!


    The code works…
    One last issue – is that I am applying the correct color code – but there appears to be a translucence throwing off the shade. Where can that be controlled?



    You can change 0.3 in the code i posted in my previous post to 1 and it should be fine

    Best regards,


    The client reported back that they tested this in IE.11 and the menu bar when straight through the middle of the images on the screen – AND the color defaulted to a transparent dark grey.

    On Chrome, Safari and FF (MAC) – this does not happen.

    Any thoughts on how to fix IE and why it would through this off so badly? I also have a screen shot from the client but unable to forward to you here.



    This is how it looks on my end on IE11
    Please ask your client to check his website on IE11 on another computer.


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

You must be logged in to reply to this topic.