Home / Forums / You Theme Support / Problem with Main nav

Viewing 15 posts - 1 through 15 (of 28 total)
  • Author
    Posts

  • Filmtopp
    Participant

    Hi,
    thanks for a great theme.
    Got two problems with the main nav though.

    1) I want the floating menu to keep the same width as the static menu.
    When you scroll down the menu gets squeezed, causing the logo to become unreadable.

    2) One of my menu items “tester i butikk” gets placed next to another instead of beneath it (https://postimg.org/image/cpxkqs8sl/)

    Thanks

    Hi @filmtopp

    Can you please send over your site’s URL and login credentials so we could personally check on this from our end?

    Regards,


    Filmtopp
    Participant
    This reply has been marked as private.

    Hii @filmtopp

    Please copy and paste this CSS into Theme Options > Custom CSS

    .header-float-wrap #header.stuck {
        min-height: 94px;
        height: 94px;
    }
    
    .header-float-wrap #header.stuck #header-logo img {
        max-height: 100%;
    }

    This will make the floating menu to have the same width/height as the static.

    To fix the menu item, use this CSS:

    ul li a .menutitle {
        white-space: pre-wrap;
    }

    Regards,


    Filmtopp
    Participant

    Hi! It helped with the menu-item, but the main nav still get’s squeezed when i scroll down.

    Hii @filmtopp

    Please change this CSS:

    .header-float-wrap #header.stuck #header-logo img {
        max-height: 100%;
    }

    into:

    .header-float-wrap #header-wrap #header.stuck #header-logo img {
    max-height: 100%;
    }

    .stuck.animate.transition .columns.large-12.inner-wrap.clearfix {
    min-height: 94px;
    }

    .header-float-wrap #header-wrap #header.stuck #acoda-tabs > ul, .header-float-wrap #header-wrap #header.stuck #acoda-tabs ul.dock-panel li.dock-tab a i{
    font-size: 1.1 rem;
    }


    Filmtopp
    Participant

    I now have the following code written: but it still doesn’t work

    .header-float-wrap #header.stuck {
    min-height: 94px;
    height: 94px;
    }

    .header-float-wrap #header-wrap #header.stuck #header-logo img {
    max-height: 100%;
    }

    .stuck.animate.transition .columns.large-12.inner-wrap.clearfix {
    min-height: 94px;
    }

    .header-float-wrap #header-wrap #header.stuck #acoda-tabs > ul, .header-float-wrap #header-wrap #header.stuck #acoda-tabs ul.dock-panel li.dock-tab a i{
    font-size: 1.1 rem;
    }

    ul li a .menutitle {
    white-space: pre-wrap;
    }

    Instead of

    .header-float-wrap #header-wrap #header.stuck #acoda-tabs > ul, .header-float-wrap #header-wrap #header.stuck #acoda-tabs ul.dock-panel li.dock-tab a i{
    font-size: 1.1 rem;
    }

    it should be:

    .header-float-wrap #header-wrap #header.stuck #acoda-tabs > ul, .header-float-wrap #header-wrap #header.stuck #acoda-tabs ul.dock-panel li.dock-tab a {
    font-size: 1.1 rem;
    }

    Please try it.

    Regards,


    Filmtopp
    Participant

    I’ve changed to code to this (still doesn’t work). Is something missing?:

    .header-float-wrap #header.stuck { min-height: 94px; height: 94px; }

    .header-float-wrap #header-wrap #header.stuck #header-logo img { max-height: 100%; }

    .stuck.animate.transition .columns.large-12.inner-wrap.clearfix { min-height: 94px; }

    .header-float-wrap #header-wrap #header.stuck #acoda-tabs > ul, .header-float-wrap #header-wrap #header.stuck #acoda-tabs ul.dock-panel li.dock-tab a {
    font-size: 1.1 rem;
    }
    ul li a .menutitle { white-space: pre-wrap; }

    Hi @filmtopp

    Can you please send over an updated login credentials so I can personally try the CSS? I tested this and was not able to login.

    Regards,

    Hi @filmtopp

    Please disregard my last reply as I saw the credentials on another ticket. I am now testing and trying to fix the CSS.

    I will get back to you once this is sorted out.

    Regards,

    Hi @filmtopp

    The font size of the menu items on the sticky menu should be fixed now.

    Please check and confirm from your end.

    Regards,


    Filmtopp
    Participant

    Hi, the menu is still compressed into the right area of the screen.

    Here’s a screenshot: https://postimg.org/image/1kk182ja4b/

    Hi @filmtopp

    I do not particularly see the issue from our end. Can you please elaborate how we can reproduce this from our end and have you tried to clear your browser cache and cookies?

    Regards,


    Filmtopp
    Participant

    Hi,
    If you check the differences between these two images:

    https://ibb.co/ixHhBG
    https://ibb.co/dYKjQb

    I want the header to keep the same big size when scrolling.

Viewing 15 posts - 1 through 15 (of 28 total)

You must be logged in to reply to this topic.