Three formatting Issues

[Connie]

Connie

July 28, 2020 at 11:08 pm

Hi,

I have noticed a few formatting issues and could use some help. See *Login to see link

1. Header having too much space on iPhone: My transparent, sticky header is formatting fine on computer and tablet, but the header on the phone in portrait mode has too much white space underneath the image (see the home page when viewed portrait on a phone). When I turn the phone to landscape it is OK. How can I remove the 20 px of white space when viewed on the phone, only in portrait mode?

2. Block width problem on computer and phone: On the home page, the first block with the calculator (MathU RPN) is a split block that I have attempted to set as “centered”, but it continues to format as wide width. The only way I get it to look right on my computer is to manually adjust the margins. However, this makes the block have about 20px of white space too much on the margins to the side when viewed on the phone. I even tried re-creating the block and it still won’t format at “centered”.

3. Page with extra header space: The MathU 12D page – *Login to see link – loads with an extra white space below the menu. The extra white space shows on all devices. When I inspect the element, I see an additional invisible header (div.page-header-inner 1110px x 20px, which also seems to contain a 10px entry title). This is the area between the menu and the gold divider. Even when I made a new page, the extra page header space was created on the new page as well. Do you know where I go to remove that, or how that happened?

Thank you so much for your help,

Connie