Okay
  Public Ticket #1570632
Logo to high
Closed

Comments

  • Daniel Mullings started the conversation

    Hi I have changed the size of the logo with CSS, which has worked well, but we can't find how to get the logo lower as its too high. I have noticed in the post you have given people CSS code option. We would like to move the logo down and would be interested also how to move it to the right.

  •  491
    Support Agent 1 replied

    Hi Daniel,

    In order to center the logo please add the following code to Custom css field in Appearance> Customize> Additional CSS:

    .menuHolder .logo img {
      
        position: absolute;
        top: 50%;
        height: 50px;
        margin-top: -25px;
        left: 250px;
    }

    Please adjust the values according to your needs.

    Let us know if you need additional assistance.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Daniel Mullings replied

    This code is great is there another code for mobile as if you look at the website on any mobile device you will see that the logo is touching the top.

  •  491
    Support Agent 1 replied

    Hi Daniel,

    Please try adding the following code to the Custom css field in Appearance> Customize> Additional CSS:

    @media (max-width: 576px) { 
    .menuHolder .logo img {
       height: 42px;
       position: relative;
       top: 0.5rem;
    }
     }
    Please adjust the values according to your needs.

    Let us know if you need additional assistance.



    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Daniel Mullings replied

    Tried it and it came up with error message no matter how much I tried to adjust

  •  491
    Support Agent 1 replied

    Hi Daniel,

    Could you please tell us what kind of error are you getting?

    Or send us a screenshot if you can.

    Thanks in advance.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Daniel Mullings replied

    I have attached the error messages with both coding one we are using that holds the image correctly but not on mobiles the other that you sent which placed with our current coding and without

    Attached files:  Screen Shot 2018-05-18 at 23.42.15.png
      Screen Shot 2018-05-18 at 23.41.45.png

  •  491
    Support Agent 1 replied

    Hi Daniel,

    Those are not errors, they are just notifications from Wordpress, and they will not influence the functionality of your site.

    Also, we have inspected your site and noticed that logo in vertical menu on mobiles/tablets is not positioned correctly.

    If you want to center it, please add the following code to the Custom css field in Appearance> Customize> Additional CSS:

    @media (max-width: 1199px) {
    .btMenuVertical .mainHeader .logo img {
        position: absolute;
        top: 2%;
        left: 25%;
    }
    }

    Please adjust the values according to your needs.

    Let us know if you need additional assistance.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!