Home Forums Pro Themes Mediclean Pro Logo with Menu placement issue

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #40455

    Hi, I recently bought the theme Mediclean Pro, great theme by the way. Maybe this has to deal with custom CSS tweaks and I’m not a pro in working with CSS, I have an issue that when I put in the logo (300X50) it shifted the menu down a tad giving white space above the menu. Is there a way I can move the menu back up aligned with the logo?
    It works fine when I applied the logo at 216X37 and the menu is aligned to the logo. But I want to increase the logo up a bit which leads to this issue.
    Can you help me here?

    My site is http://www.opi.bz
    image link for 300X50 —> http://www.opi.bz/wp-content/uploads/2017/04/OPI-LOGO2.png
    image link for 216×37 —> http://www.opi.bz/wp-content/uploads/2017/04/opi-logocurrent.png

    Also mobile and tablet version doesn’t matter much to desktop version, I want a desktop to be a priority.

    Thank you in advanced,



    Hello @yoshi23,

    First of all thank you very much for the appreciation .

    Now to align the menu with the logo please use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given code:

    .right-header {
        width: 70%;

    Hope this helps.

    Best Regards!!


    Good afternoon: my logo is deformed in the pc view, alters its proportions. Could you help me? Thank you


    Another question: ¿how i change pictos in the section “our service”?


    Hello @nmolanes,

    Regarding the Logo Deformation

    Please provide us your Website URL so that we can better visualize the issue of Logo deformation and provide some precise fix.

    Regarding Pictures in Services Section

    The front Page Services Section in the Mediclean Pro comes from the Mediclean Services widget. Also, the icons used in the services pages can be changed from the Appearance > Widgets > Mediclean: Services. It takes the font awesome fonts class for each page selected.

    For reference on font awesome icon classes check the link here :

    Best Regards !!


    Hi! Thanks for the answers. My page is:


    Hello @nmolanes,

    Regarding the Logo Deformation

    While inspecting your website URL, it is seen that logo is not used in the site currently. Only site title and tagline text is used.

    Please provide us details on the issue you are referring to clarifying if the issue is with the logo that you had previously uploaded or the current title / tagline layout.

    Best Regards !!


    hi! I remove the icon because was unprofessional for the users watch deformed icon ( only in the pc view). I activate again.
    Thanks for the help


    Hello @nmolanes,

    To resolve the logo deformation issue, please add in the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :

    .site-branding img {
        max-height: 100%;

    This should pull the original logo image without squeezing the height.

    Hope this Helps,

    Best Regards !!

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