Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 28, 2014 at 4:44 pm #310526
    DarkNemos

    Hello. How to change the Header Menu position? It is now too centered on the website, i would like to move it right. And also the logo to the left. I would like the social media icons to have some visibility on the transparent heder. How can i achieve this?

    August 29, 2014 at 7:01 am #310799
    Ismael

    Hi DarkNemos!

    Thank you for using Enfold.

    Please go to Enfold > Header Layout Panel. Look for the Header Position settings. In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.

    If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
    Thanks!

    Cheers!
    Ismael

    August 29, 2014 at 10:05 am #310837
    DarkNemos

    Hi Ismael.

    I didnt find any of those options in the help. Please point me to the exact location of the explanation or provide me with one that i can easily folow.

    September 1, 2014 at 11:55 am #311738
    Yigit

    Hi!

    Seems like you have already figured it out. But you have following code in Quick CSS 

    .logo img {
margin-left: 300px;
}

    which is causing logo to overlap your main menu. Please remove the code

    Best regards,
    Yigit

    September 1, 2014 at 12:44 pm #311767
    DarkNemos

    Hi. I added this to position the logo correctly so thats fine.

    I put the setting to adjust to width of the page. But i would like to offset it just like the logo. So is there a way to offset the menu with the social icons just like i did with the logo?

    Another problem is the readability of the social icons. They look awesome when i hover over them but when i dont they are just not visible enough. Any way to adjust that?

    Thanks!

    September 1, 2014 at 12:52 pm #311772
    Yigit

    Hey!

    You can add following code to Quick CSS to indent main nav with social icons 

    nav.main_menu {
margin-right: 100px;
}

    But currently your website looks like this on my end – http://i.imgur.com/zRAYjKW.png

    Please add following code to Quick CSS to change the color of social icons

    #top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-vimeo a {
color: #fff;
background-color: #31baff;
}
#top #wrap_all .av-social-link-instagram a {
color: #fff;
background-color: #a67658;
}

    Regards,
    Yigit

    September 1, 2014 at 1:37 pm #311803
    DarkNemos

    Hey Yigit.

    Thanks a lot for the code.

    Yeah it looks like that the header doesnt scale well when the browser changes dimension since the offset is fixed in pixels in the code. Is there any way not to be fixed pixel width but a percentage of some sort?

    September 1, 2014 at 2:42 pm #311836
    Yigit

    Hey!

    Sure, you can use percentage as following 

    nav.main_menu {
margin-right: 5%;
}

    Best regards,
    Yigit

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