Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 11, 2017 at 4:59 am #850319
    Raphep

    Hi
    I have about 15 clients using the Enfold theme and they are all very happy – apart from one. This client would like to align the telephone number with the vertical center of the logo – See link. I’ve tried using a lot of custom css that addresses this problem, but generally it breaks down on mobiles and tablets. Is there a non-css solution?

    September 11, 2017 at 5:02 am #850321
    Jordan Shannon

    Hey Raphep,

    I’ve requested access to view the file you linked to.

    Best regards,
    Jordan Shannon

    September 11, 2017 at 5:03 am #850322
    Jordan Shannon

    Hi,

    I believe css would work but you need media queries to address the different screen sizes.

    Best regards,
    Jordan Shannon

    September 11, 2017 at 5:13 am #850330
    Raphep

    Hi Jordan.
    Thanks for your speedy response. I have shared the image with you now. The current solution is actually fine, using the technique you suggest. However when I try to move the telephone number down to align with the logo, it generally pushes the logo down into the blue background on mobile. I can’t seem to resolve this. I have given you the site link below.

    September 11, 2017 at 5:59 am #850344
    Jordan Shannon

    Hi,

    This should work, and simply adjust the top position with media queries to accommodate mobile devices:

    .phone-info { font-size: 18px; }
div.phone-info {
position: relative;
top: 80px;
}

    Best regards,
    Jordan Shannon

    September 11, 2017 at 7:33 am #850370
    Raphep

    Thanks Jordan. Works fine on Desktop, then gets a bit confused on mobile. See attached.
    Regards – Raphe

    September 11, 2017 at 1:35 pm #850470
    Rikard

    Hi,

    Please try the following as well:

    @media only screen and (max-width: 767px) {
div.phone-info {
    top: 10px;
}
}

    Best regards,
    Rikard

    September 12, 2017 at 4:21 am #850734
    Raphep

    That did it! As ever, excellent support. Thanks very much.

    Regards – Raphe

    September 12, 2017 at 6:56 am #850772
    Jordan Shannon

    Hi,

    Great! I’m glad this was able to be figured out. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Align Phone Number’ is closed to new replies.