Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

How to center the logo?

Home › Forums › Pro Support › How to center the logo?

Topic Resolution: Resolved

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 29, 2020 at 12:44 am #70606
    May 30, 2020 at 2:12 pm #70616
    agueudret@gmx.comagueudret@gmx.com
    Participant

    no answer, where is the support? very disappointed, i have been wrestling with the css all day! it should be SO staright-forward and it is not.
    Can you help?

    May 30, 2020 at 2:16 pm #70617
    agueudret@gmx.comagueudret@gmx.com
    Participant

    how to deal with this:…class, Ids all mixed up????

    #responsive-menu-pro-header .responsive-menu-pro-header-box,
    #responsive-menu-pro-header .responsive-menu-pro-header-box img {
    vertical-align: middle;
    max-width: 100%;

    }

    #responsive-menu-pro-header #responsive-menu-pro-header-bar-logo img {
    height: 100%;
    width: 100%;

    }

    May 30, 2020 at 2:17 pm #70618
    agueudret@gmx.comagueudret@gmx.com
    Participant

    why
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    …does not work???

    May 30, 2020 at 3:43 pm #70619
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Abhaya,

    Welcome to Responsive Menu Pro Support Forum. Hope you are having a nice day.

    Please paste the following CSS code in Appearance -> Customize -> custom CSS

    #responsive-menu-pro-header .responsive-menu-pro-header-bar-item{
display: block;
    width: 50%;
    margin: auto;}

#responsive-menu-pro-header .responsive-menu-pro-header-bar-item img{
margin: auto;}

    The code is working on my staging website. Feel free to contact me again if you need further assistance.

    Regards,
    Kriti

    May 30, 2020 at 5:07 pm #70621
    agueudret@gmx.comagueudret@gmx.com
    Participant

    Thanks Kriti much appreciated, it works nearly fine, the only problem is when you increase screeen size, the logo goes down, so it is improving but not resolved yet, so instead of
    width: 50%;
    I put
    width: 350px;

    and it is better, only thing is in narrow res the logo overlaps the button…
    any idea?

    May 30, 2020 at 6:07 pm #70622
    agueudret@gmx.comagueudret@gmx.com
    Participant

    Thanks Kriti, case resolved now, code used is:

    #responsive-menu-pro-header .responsive-menu-pro-header-bar-item{
    display: block;
    width: 250px;
    margin: auto;}

    #responsive-menu-pro-header .responsive-menu-pro-header-bar-item img{
    margin: auto;}

    Have a nice week-end
    Regards
    Abhaya

    May 30, 2020 at 6:27 pm #70624
    Kriti SharmaKriti Sharma
    Keymaster

    That’s great Abhaya. Have a nice weekend too.

    Regards,
    Kriti

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to center the logo?’ is closed to new replies.