Tutorial: Solutions for Big Logos
  • Hello Guys,

    When you have big logo you may experience a conflict between the main navigation because there may not be enough space left for it. However you can add the following css code into the Custom CSS Codes box inside the Styling Options to solve that;

    Left aligned solution;


    #logo {float: none;left: 0;position: relative;top: -30px;}
    #navigation_bar{float:none;display:inline-block;line-height:20px;position:relative;top:-10px;margin:0;}
    #sub_page_header,.slider_area {margin: 0 auto -30px auto;top: -30px;}


    Centered solution;



    header, #header {text-align: center;}
    #logo {float: none;left: 0;position: relative;top: -30px;}
    #navigation_bar{float:none;display:inline-block;line-height:20px;position:relative;top:-10px;margin:0;}
    #sub_page_header,.slider_area {margin: 0 auto -20px auto;top: -20px;}



    -
    Tolga
This discussion has been closed.
All Discussions