Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • February 4, 2014 at 12:12 am #219050
    David Verburg

    Hi there,

    I have managed to make a Kriesi navigation using a header.php code I found on this support site. Now I want to position the language icons above the navigations items (centred). How and where can I replace them?

    I want to make the height of the navigation bar smaller too. Found this code. Worked fine with fixed header, not with fixed header with social media icons: #header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height:88px; }. How do I adjust this height in the fixed header with social media icons settings? If you look at http://www.cadeaugolf.nl you know what I mean.

    Thanks again for your help.

    Regards,
    David

    February 4, 2014 at 2:34 am #219093
    Yigit

    Hi David!

    You can add following code to Quick CSS in Enfold theme options under Styling tab to adjust the height of the header

    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 80px;
line-height: 80px;
}

    Do you mind creating a temporary admin login so i can help you change the position of flags?

    Cheers!
    Yigit

    February 4, 2014 at 10:48 am #219268
    David Verburg
    This reply has been marked as private.
    February 4, 2014 at 1:34 pm #219333
    Ismael

    Hi!

    I can’t login to the website. It’s not loading properly on my end. Please try this one:

    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 80px !important;
line-height: 80px !important;
}

#header_main .sub_menu {
left: 50px;
position: relative;
top: 36px;
}

    Best regards,
    Ismael

    February 4, 2014 at 1:48 pm #219344
    David Verburg
    This reply has been marked as private.
    February 4, 2014 at 5:01 pm #219477
    Yigit

    Hi David!

    Changes are done, please review your website. You can find the custom CSS code i added in the bottom of Quick CSS section

    Cheers!
    Yigit

    February 4, 2014 at 7:12 pm #219579
    David Verburg

    Hi Yigit,

    Looking good!

    We are almost there: because of the minus number (.avia_wpml_language_switch { top: -30px; } the language flags don’t show on smartphones. Will it be possible to still show them? Maybe when we remove the grey section above the white navigation section the problem is solved? I think the flags show up below this grey section on smartphones. But that’s just my feeling. :-)

    Regards,

    David

    February 4, 2014 at 8:23 pm #219613
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.avia_wpml_language_switch {
top: 35px;
right: 20%;
}}

    Regards,
    Yigit

    February 4, 2014 at 9:10 pm #219636
    David Verburg

    Think the first line isn’t correct (red in custom.css). Doesn’t do anything in quick.css.

    @media only screen and (max-width: 767px) {
    .avia_wpml_language_switch {
    top: 35px;
    right: 20%;
    }}

    Regards,

    David

    February 5, 2014 at 7:43 am #219800
    Ismael

    Hi!

    Use this instead:

    @media only screen and (max-width: 767px) {
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
float: left;
width: 100%;
text-align: center;
margin: 0 auto;
position: static;
}
}

    Best regards,
    Ismael

    February 5, 2014 at 11:02 am #219879
    David Verburg

    Still doesn’t change anything. Even when I play with the variables in this code.

    Regards,

    David

    February 6, 2014 at 6:33 pm #220589
    Yigit

    Hi!

    Please review your website now. I just logged in and added !important value to top: 35px; and it started to work.

    Best regards,
    Yigit

    February 6, 2014 at 6:54 pm #220602
    David Verburg

    Hi Yigit,

    It works indeed. :-)

    However it doesn’t show the google social icon anymore on smartphone (landscape). Will it be possible to centre the flag in the grey bar above? Where can I adjust that?

    Regards,

    David

    February 6, 2014 at 6:59 pm #220609
    Yigit

    Hi!

    Should be fixed now. Please flush browser cache on your smartphone and check once again. I added custom CSS code to Quick CSS section

    Cheers!
    Yigit

    February 6, 2014 at 7:02 pm #220611
    David Verburg

    You are the man! Thanks.

    Last question: the grey bar on top of the page. Where can I remove it? It has no use now.

    Regards,

    David

    February 6, 2014 at 7:11 pm #220616
    Yigit

    Hi David!

    Please add following code to Quick CSS as well

    #header_meta { display: none; }

    Best regards,
    Yigit

    February 6, 2014 at 7:21 pm #220621
    David Verburg

    Yes! Thanks for your support Yigit.

    Regards,

    David

    February 6, 2014 at 8:43 pm #220663
    Yigit

    Hey!

    You are welcome David, glad we could help :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘language icons centred above navigation menu & adjusting height navigation’ is closed to new replies.