Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 3, 2017 at 5:26 pm #787252
    nonne

    Hey Enfold Team

    On this website I have implemented some english and german flags in the header from where you link to a very brief summary of the original website in danish. I have used this css (which works fine), you earlier provided me to place theese flags in the header of only the frontpage:

    #header .widget {
    right: 40px;
    top: 22px;
    position: absolute;
    z-index: 999;
    }

    #header .widget {
    display:none;
    }

    .home #header .widget {
    display:block;
    }

    HOWEVER: The flags now disables the links in the menu above, so that the menu-link right above the flags do not work!?

    I have removed the german flag again only leaving the english flag (link) so that the menu is still accessible, but I need the german flag beside the english as well.

    I hope you can provide me with some kind of “to do”/code to make more flags linkable beside the english – without disabling the menu link above.

    Pls. find login data in private content (and you may deactivate plugins if needed)

    Very best regards

    May 3, 2017 at 5:47 pm #787258
    Yigit

    Hey Carsten,

    When i login to your site style.css file of your child theme seems empty. Please change custom CSS code to following one

    #header .widget {
    right: 40px;
    top: 60px;
    position: absolute;
    z-index: 999;
    height: 20px;
    line-height: 20px;
}

    Best regards,
    Yigit

    May 4, 2017 at 2:48 pm #787833
    nonne

    Hey Yigit

    Thanks for input which – as always – did work :-)

    HOWEVER the idea with flags beneath the menu does not seem to work at all:
    When the cursor is on the menu, the submenu opens, but then, when you move the cursor from the menu to the unfolded submenu – then the submenu offcourse disappears when the cursor crosses the flags. I should have thought about that. Sorry.

    Now I have instead tried to implement the flags OVER the menu, but when you start scrolling and the menu minimies – then the flags position themselves on top of the menu.

    Have you got any idea of a solution to make one of theese ideas work?

    PS: I don’t know why the child theme seems empty – maybe because I only use ftp via FileZilla?

    Actual css used:

    #header .widget {
    right: 40px;
    top: 0px;
    position: absolute;
    z-index: 999;
    height: 13px;
    line-height: 13px;
    }

    #header .widget {
    display:none;
    }

    .home #header .widget {
    display:block;
    }

    Thanks in advance
    Best regards

    May 5, 2017 at 12:56 am #788154
    Yigit

    Hi,

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

    #header.header-scrolled .widget {
    padding: 5px 0;
}

    Best regards,
    Yigit

    May 10, 2017 at 9:58 am #790955
    nonne

    Hi Yigit

    As usual your suggestion works – thanks a lot :-)

    A user has reported that the page turns out a bit “messy” on iPhone 7+. I will look into this and maybe return to this forum. But again, thanks for your great help.

    Very best regards

    May 10, 2017 at 10:09 am #790963
    Sarah

    Hi! We’re glad that Yigit was able to help you. We’ll keep this thread open in case you need additional help.

    Thank you for using Enfold!

    Sarah

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