Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1491996

    I have followed Ismael’s instructions to make my top bar larger, add isonc etc., and it looks great, thank you! The only problem is that it now doens’t look good on mobile. It should stack on mobile, Phone number at the top, then email underneath, and both centered. Is it possible to make it do that?

    Thank you so much!

    thefamilytreedition.com/bypass

    #1492022

    Hey Eleina,

    Thank you for the inquiry.

    Please add this code in the Quick CSS field to adjust the layout of the top bar on mobile view:

    @media only screen and (max-width: 768px) {
    
      /* Add your Mobile Styles here */
      #top #header_meta .phone-info>div>div {
        display: flex !important;
        align-items: center !important;
        justify-content: start !important;
        flex-direction: column;
        gap: 4px !important;
      }
    }

    Result:

    Screenshot-2025-12-02-at-2-42-48-PM

    Best regards,
    Ismael

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