Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 15, 2020 at 1:54 pm #1213285
    philippmhuber

    Hi,

    i added the wpml language switcher and the menu”online buchen” to a header widget wich works fine, but i can’t figure out, how to align them next to each other and not among themselves. Can you help me with this? Please see link in private content.

    thank you
    katharina

    May 15, 2020 at 8:23 pm #1213433
    Victoria

    Hey Philipp,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:768px){
    #nav_menu-2 {
        margin-right: 80px;
        top: -110px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 18, 2020 at 9:53 am #1213962
    philippmhuber

    thank you that works fine. Two more things

    the menu item is still very high, the top and bottom padding from “online buchen” should be much smaller. It should stay fixed an no change of the height when scrolling (same behavoir like the burger menu on the left side)

    i would prefer to show the WPLM language switcher in a horizontal list, but there shows a white bar on top of it – very strange. Is this issue caused by the plugin or can you help me with this? If not i change back to vertical list.

    thank you
    Katharina

    May 24, 2020 at 11:04 am #1215686
    Yigit

    Hi,

    Sorry for the late reply!

    I just checked your website and it seems like you have figured out De, En and “online buchen” menu items.
    Please add following code to Quick CSS as well to move menu button on the left down 25 pixels

    .html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    top: 25px;
}

    If that does not help, could you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)

    Best regards,
    Yigit

    May 25, 2020 at 12:06 pm #1216093
    philippmhuber

    Hi,

    yes, i could fix the height of the header in Enfold>Header>custom height in pixels and this code:

    .av_minimal_header .header_bg{
    height: 100px;}
    }

    .html_header_top.html_header_transparency #header {
    height: 100px;}

    Unfortunatley this code snippets don’t work any more (they work fine when i don’t set a custum header height)

    /*change color for wpml languae switcher on scroll*/

    .responsive #top .header-scrolled .wpml-ls-legacy-list-horizontal a {
    color: #7c6853!important;
    background: transparent;
    }

    /*change color and background of “MENÜ” on scroll*/

    .responsive #top .header-scrolled span.av-hamburger:after {
    content: ‘MENÜ’;
    padding-left: 10px;
    font-size: 20px;
    color: #7c6853!important;
    float: right;
    margin-right: 5px;
    }

    .responsive #top .header-scrolled .av-hamburger{
    background: #ebebeb!important;
    padding-left: 50px;
    margin-left: -50px;
    padding-right: 10px;
    }

    Can you help me with this?

    Thank you
    Katharina

    May 25, 2020 at 7:07 pm #1216238
    Yigit

    Hi,

    Please replace following code

    .wpml-ls-sidebars-header .wpml-ls-current-language > a {
    background: transparent !important;
    color: #ffffff;
    top: -20px;
}

    with following one

    .av_header_transparency .wpml-ls-legacy-list-horizontal a {
    background: transparent !important;
    color: #ffffff !important;
    top: -20px;
}
.wpml-ls-legacy-list-horizontal a {
    background: transparent !important;
    top: -20px;
    color: #7b7368 !important;
}

    Then, change following code

    span.av-hamburger::after {
    content: 'MENÜ';
    padding-left: 10px;
    font-size: 20px;
    color: #ffffff;
    float: right;
    margin-right: 5px;
}

    to following one

    span.av-hamburger::after {
    content: 'MENÜ';
    padding-left: 10px;
    font-size: 20px;
    color: #7c6853;
    float: right;
    margin-right: 5px;
}
.av_header_transparency span.av-hamburger::after {
    color: white;
}

    Best regards,
    Yigit

    May 27, 2020 at 11:04 am #1216892
    philippmhuber

    Thank you, works perfect.

    One more question – i really tried a lot, but i can’t figure out, how to move the language switcher up, next to “online buchen”. They seem to correspond in an odd way with “online buchen”, when i move them up, “online buchen” goes down…the whole header widget thing is really tricky to style….

    I hope this is the last thing, than everything should be perfect :)

    thank you
    Katharina

    June 5, 2020 at 7:31 pm #1219910
    Yigit

    Hi Katharina,

    Sorry for the late reply!

    Please replace following code

    
.wpml-ls-sidebars-header {
    background: transparent !important;
    border: none !important;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    top: -50px !important;
}

    to following one

    
.wpml-ls-sidebars-header {
    background: transparent !important;
    border: none !important;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
}

    and add following code

    #lang_sel_list {
    position: relative;
    top: -35px;
}

    If that does not help, please post a screenshot :)

    Best regards,
    Yigit

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