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

    How to force:
    Menu and Logo Position
    It would a nice option in the Menu and Logo Position choices

    #242120

    Hey aribann!

    You can change the positions in Enfold theme options > Header > Header Layout > “Menu and Logo Position”. If you are not using the latest version of Enfold (2.6.2), please update your theme- http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Yigit

    #242131

    I am aware of that
    The question was in the subject:
    Logo Left – Menu Center Below?

    #242132

    Hi!

    You can choose to display “Logo center, menu below” and add following code to Quick CSS

    .html_header_top.html_logo_center .logo { left: 0; }

    Regards,
    Yigit

    #242139

    Thats does indeed do it

    There is a problem with “Logo xxx, menu below” on mobiles with or without the CSS

    The logo gets pushed left off of the screen. There is a large amount of padding right of the logo. This does not happen with other options.

    #242141

    Should have added same will happen on desktop if you shrink browser window down as well

    #242166

    Hey!

    Can you post the link to your website so i can provide you custom CSS code depending on the size of your logo? Left value needs to be adjusted

    Best regards,
    Yigit

    #242198
    This reply has been marked as private.
    #242201

    and thank you

    #242307

    Hi!

    Your logo and mobile menu stacks so well. I tried resizing the browser window and checked your website on my iphone but i did not see any issues. Can you post a screenshot and show if i am missing something?

    Regards,
    Yigit

    #242354

    Sorry site is live so didnt want that option on

    Yes perfect at the format of “Logo left, Menu right”

    Center and bellow = not so good

    Logo reports as Dimensions: 420 × 140 , is it 420 vs 340px that is the problem?

    When this is reported, (for Center and bellow), all is good
    media=”all”
    @media only screen and (max-width: 989px) and (min-width: 768px)
    .responsive #main .container_wrap:first-child {
    border-top: none;
    }

    When this reported, it goes bad
    media=”all”
    @media only screen and (max-width: 767px)
    .responsive #main .container_wrap:first-child {
    border-top: none;
    }

    • This reply was modified 10 years ago by aribann.
    #242922

    Hi!

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

    @media only screen and (max-width: 767px) {
    .responsive .mobile_slide_out .logo {
    margin-left: 35%;
    }
    .responsive .logo a, .responsive .logo img {
    height: auto !important;
    }}

    Best regards,
    Yigit

    #242964

    Thank you

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Logo Left – Menu Center Below’ is closed to new replies.