Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 24, 2014 at 2:23 pm #255510
    Padlee

    Hi, i would like to know how to move the flags i have under my webpage logo to the place where the facebook sign is right now, in the header top left side.

    April 24, 2014 at 2:23 pm #255511
    Padlee
    This reply has been marked as private.
    April 26, 2014 at 6:31 am #256437
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    div#main {
    z-index: 401 !important;
    overflow: visible !important;
}   
.main_menu{
    right: 210px;
}
ul.avia_wpml_language_switch {
    position: absolute;
    top: -62px;
    right: 50px !important;
    left: auto !important;
}

@media only screen and (max-width: 767px) {
    ul.avia_wpml_language_switch {
        display: none;
    }
}

    Cheers! 
    Josue

    April 26, 2014 at 5:36 pm #256627
    Padlee

    Hi, thanks for your answer!
    I inserted the code in Quick CSS, but for some reason, nothing seems to happen. Any idea?

    April 26, 2014 at 6:04 pm #256634
    Josue

    Hey!

    Seems the Quick CSS is not being saved, try adding the code to css/custom.css.

    Best regards,
    Josue

    April 26, 2014 at 6:16 pm #256638
    Padlee

    Hey, now it changed the position, but not where I exactly wanted it. I link you a picture, so you see where I want it!

    http://i.imgur.com/2kNEEFS.jpg

    Blue circled area is where they are now, green circled area is where i would like to put them.

    Thanks for your patience!

    April 26, 2014 at 6:25 pm #256644
    Josue

    Hey!

    Change the code to:

    div#main {
    z-index: 401 !important;
    overflow: visible !important;
}   
ul.avia_wpml_language_switch {
    position: absolute;
    top: -122px;
    right: auto !important;
    left: 55px !important;
}

@media only screen and (max-width: 767px) {
    ul.avia_wpml_language_switch {
        display: none;
    }
}

    Cheers!
    Josue

    April 27, 2014 at 5:38 pm #256810
    Padlee

    Thank you very much, this one works, only, the separator between header and content looks like it has become twice as thick. Is there a way to make it normal? i mean, the usual one line thickness? Thanks in advance!

    April 27, 2014 at 5:50 pm #256815
    Padlee

    Also, dropdowns aren’t working properly, somehow, they doesn’t display the texts now. English one still has the odl method flag insert, there it works, so i’m sure it’s because of the code, but don’t know the reason!

    • This reply was modified 10 years, 8 months ago by Padlee.
    April 28, 2014 at 8:13 am #256919
    Ismael

    Hi!

    Thank you for the update.

    Please add this to fix the borders:

    #header_main {
border-bottom: 0;
}

    I checked the website but I don’t see any dropdowns. Can you please provide a link to the actual page?

    Best regards,
    Ismael

    April 28, 2014 at 3:31 pm #257115
    Padlee
    This reply has been marked as private.
    April 30, 2014 at 1:32 pm #258261
    Padlee
    This reply has been marked as private.
    April 30, 2014 at 5:18 pm #258328
    Padlee

    Well, after i updated the theme, somehow the flags were automatically in the header without having to include them in the header, so i could move them with simple alignment! Thank you very much, now the dropdowns are also working!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Put flags in top bar’ is closed to new replies.