Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #237653

    Hi,
    I have recently installed the new Enfold update with the different logo positions. It works perfect except for centering the logo on mobile devices. Can anyone help me? Thank you!

    #237655

    Hey nicomad!

    Can you post the link to your website so we can take a look?

    Best regards,
    Yigit

    #237656
    This reply has been marked as private.
    #237659

    Hey!

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

    #wrap_all { overflow-y: hidden; }
    @media only screen and (max-width: 767px) {
    .responsive .logo {
    position: relative; }}

    Cheers!
    Yigit

    #237670

    Thank you Yigit.
    It works but (sorry) on iPhone the logo is not maintaining proportion.. is deformed. My logo size know is 400px x 81px (large header size option selected)… Shall I modify something to not deforme the logo on Iphone?… Maybe make the logo smaller but as you see I cant make it much more smaller since I have mandatory small text. Thank you again.

    #237760

    Thank you Yigit.
    It works but (sorry) on iPhone the logo is not maintaining proportion.. is deformed. My logo size know is 400px x 81px (large header size option selected)… Shall I modify something to not deforme the logo on Iphone?… Maybe make the logo smaller but as you see I cant make it much more smaller since I have mandatory small text. Thank you again.

    #238468

    Hey!

    Try also adding in these:

    .responsive .logo a, .responsive .logo img {
        max-width: 300px;
        height: auto !important;
    }
    #advanced_menu_toggle, #advanced_menu_hide {
        right: -26%;
    }

    Best regards,
    Devin

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.