Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #442782

    Hey msmazza!

    Navigate to Dashboard > Enfold > Header > Header Layout and for the “Logo and menu position” option set it to “Logo center menu below”.



    Thanks Elliott but is it possible for me to force the logo to be full width?




    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_top.html_logo_center .logo {
      left: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    #header_main>.container {
      padding: 0;
      margin: 0;

    Best regards,


    I really like this, but is there any way to put the main menu along the top of the page with the logo below? both centered and when the logo reduces in size on scroll it stays centered?


    I am trying to do the same, but it is still decreasing the height to squeeze the full logo width. Is there a way to force a height of 72px and allow 100% width?
    I also want mine on the left, and not centered.



    Can you please post the link to your websites?

    Best regards,

    This reply has been marked as private.


    Please add following code to Quick CSS

    .header-scrolled strong.logo {
      left: 40%!important;

    because of the shrinking behaviour, it is not easily possible to keep the logo centered when scrolled down



    I have switched the theme back to my previous one temporarily, because we need the site to be up during the day. So our site below has the logo the size we want, but is centered and we want it left and menu is centered the way we want. Can you provide the quick css necessary for a left justified logo, with a centered menu with green going all the way to the edge?


    Thank you for your assistance.


    If you require me to change it back to your theme before you can help me, then let me know. Its just that there are several issues I am having with it, and your help will definitely solve a big one.

    This reply has been marked as private.

    Hey guys!

    please open a separate ticket, as it gets too confusing otherwise.


    Use this to position your logo to the left:

    .html_header_top.html_logo_center .logo {
    left: 5%;

    and adjust as needed by yourself.


    Actually you are not really using a logo anymore and more something like a header image, but try this code:

    .logo img {
    width: 1276px;

    and adjust as needed by yourself.


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