Meditation Pro Top Bar Spacing

Home Forums All Other Themes Meditation Pro Top Bar Spacing

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #168307
    Mark Fisher
    Participant
    • Topics: 12
    • Replies: 27
    • Total: 39
    Member since: December 1, 2019

    Hello –

    I just switched the layout in a Meditation Pro site to include the top bar. We are only using the 2 leftmost sections out of 4 in the top bar. We have two requests:

    1) In the desktop version, we would like to reduce the size of the top bar so there is less space above and below the email address and phone number, maybe reduce the padding by 50%?

    2) In the mobile version, there is huge amount of extra space below the email address and phone number. I’m guessing this is due to both padding and the two unused section in the top bar? It would be great if that bottom spacing matches the top spacing. See attached image.

    The site URL is https://capricornhealthcareconsultants.com

    Top bar spacing

    #168381
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .head-info-area { padding:0;}
    @media screen and (max-width:479px) {
    .head-info-area .right { display:none;}
    }

    Regards,
    Dave

    #168404
    Mark Fisher
    Participant
    • Topics: 12
    • Replies: 27
    • Total: 39
    Member since: December 1, 2019

    Ahhh. Much better. Thank you again.

    #168477
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    🙂

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