Logo on mobile in the center – I can only move it to the right

  • Resolved berys88

    (@berys88)


    4 years, 8 months ago

    Hi,
    My logo is not centered on mobile, but only on PC. I wrote to my theme support – no help. I tried implementing many custom css to my child theme customization additonal css code. Only one seems to do anything, but it only moves it to the right. I tried changing this value to the middle or center, but still nothing. This is the code which worked and moved it to the right, please help:

    /* Change logo and menu position in tablets and mobile */
    @media only screen and (max-width:767px) {
    #advanced_menu_toggle {
    left: 0!important;
    right:auto!important;
    }
    .logo {
    float: right!important;
    width: auto!important;
    }
    }

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Add this to your CSS – The display style is set to “block” and needs to change to “inline”.

    .responsive-layout header.main-header .logo-wrapper .logo img{display:inline!important}

    • This reply was modified 4 years, 8 months ago by Denis K.
    Thread Starter berys88

    (@berys88)

    Worked like you said only thing that I have a two logos now. It created another logo in the middle and kept the one I had on the left side either. I’m on the right path just missing something

    It appears that now, there’s another image that falls under the “Alternative Logo” class that appears on top of the original logo.

    Try hiding the alternative logo in CSS like so

    .alternative-logo{visiblity:hidden;}

    Thread Starter berys88

    (@berys88)

    I get message: unknown property ‘visability’.

    Thread Starter berys88

    (@berys88)

    I had option for alternative logo in my theme. I managed to turn that off. Thank You so much !! You are the best!

    Closed

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Logo on mobile in the center – I can only move it to the right’ is closed to new replies.