Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3005820
main bar logo vertical align
Closed

Comments

  • leoyipenvato started the conversation
    March 19, 2022 at 4:00pm

    the logo on main bar has been set vertical-align as top, how to change it to middle?

  •  2,488
    PenciDesign replied
    March 19, 2022 at 4:07pm

    Hi,

    Please go to Appearance → Customize → Logo & Header → Logo: add the value to Logo Padding Top & Bottom to adjust the spacing.

    Regards,
    PenciDesign.


  • leoyipenvato replied
    March 20, 2022 at 3:31am

    nothing happened.

  •  2,488
    PenciDesign replied
    March 20, 2022 at 3:40am

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .penci-logo {
        display: inline-block;
        vertical-align: middle;
    }
    #navigation.header-6 #logo {
        line-height: 58px;
        vertical-align: middle;
    }

    Regards,
    PenciDesign.


  • leoyipenvato replied
    March 20, 2022 at 3:54am

    nothing happend.

  •  2,488
    PenciDesign replied
    March 20, 2022 at 4:01am

    Hi,

    Please replace with this code:

    .penci-logo {
        display: inline-block;
        vertical-align: middle;
    }
    #navigation.header-6 #logo {
        line-height: 499px;
        vertical-align: middle;
        transition: all 0.3s ease-in-out;
    }
    .is-sticky #navigation.header-6 #logo {
        line-height: 58px;
    }

    Regards,
    PenciDesign.



  • leoyipenvato replied
    March 20, 2022 at 4:12am

    it works perfectly, thank you so much.

  • salesdom replied
    September 8, 2022 at 9:08am

    Hi

    Used the css you recommended but this moved the logo also on mobile. How can I apply this only on desktop view? Thanks. 

  •  2,488
    PenciDesign replied
    September 8, 2022 at 9:41am

    Hi,

    Please modify the CSS code like this:

    @media only screen and (min-width: 1170px) {
        .penci-logo {
            display: inline-block;
            vertical-align: middle;
        }
    #navigation.header-6 #logo {
            line-height: 499px;
            vertical-align: middle;
            transition: all 0.3s ease-in-out;
        }
    .is-sticky #navigation.header-6 #logo {
            line-height: 58px;
        }
    }

    Regards,
    PenciDesign.



  • salesdom replied
    September 8, 2022 at 10:03am

    Thanks. Configured this a little so it would better suit my site as needed to add left and right padding (to menu and logo) as well so added below css and all works. Thanks and have a nice day. 


    @media only screen and (min-width: 1170px) { {line-height: 72px; vertical-align: middle !important; padding-left: 64px; padding-right: 64px;}
    .penci-logo {
        display: inline-block;
        vertical-align: middle;
    }
    #navigation.header-9 #logo {
        line-height: 72px;
        vertical-align: middle;
    }
    #navigation.header-9 {
        padding-left: 64px;
        padding-right: 64px;
    }
    }