Header and menu small issues


#1

Hi,
Thanks to your Astrid theme, my new site looks great! But, just two things to fix:

  1. On a computer, when I reduce the with of the browser window, there is an intermediate dimension where the menu surimpressed the header.
  2. On a mobile phone the header text does not appear entirely.
    Thanks in advance for your efficient answer to solve these details.
    Best,
    Pierre
    site: pierrerepond.ch

#2

Hello there,

1

To fix it, try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .header-info {
        top: auto;
        bottom: 0;
        -webkit-transform: translateY(-25%);
        -moz-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);    
      }
    }

2

Try adding this extra CSS code:

    @media only screen and (max-width: 600px) {
      .header-info {
        top: 25%;
      }
      .header-subtext {
        font-size: 12px;
      }
      .header-text {
        font-size: 14px;
      }
    }

Regards,
Kharis


#3

Hi Kharis,
Many thanks for your efficient answer. It is perfect now.

Best regards,

Pierre


#4

Great!

You’re welcome! Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis