Mobile Header Button and Footer Function

Hello,

I have 2 questions.

Website : http://sblawonline.com/astrid/

  1. If we view the website via desktop, it looks good. However, if we view it on a smartphone, you will se the button is beneath the gray background. The gray background does not extend below the button like it does on a desktop. How do we fix that?

  2. I wanted to add 2 phone numbers in the footer. I tried to do something like ###-###-#### <br /> ###-###-####. The website will show “<br/>”. Aww. How do we add a line break in the widgets in the footer?

Thank you

Hello @dfman18,

I have just checked your website and it looks like you have already resolved these issues.

Can you please confirm or deny it?

Kind Regards, Roman.

No sir.

It still shows on my smartphone (5.5 inches Chrome on Android)

Do you need pics?

Thanks

Yes @dfman18, please provide some explanatory screenshots.

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

Kind Regards, Roman.

Header button

Footer (see fax)

iPHone shows the same concerns too.

Thanks

Hello @dfman18,

  1. Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

.small-header {
    min-height: 350px;
}
  1. Please try to remove the second number in settings and add this CSS code:
.footer-contact .footer-contact-block:nth-child(3) span::after {
    content: '813-701-9165 (fax)';
    display: block;
}

Kind Regards, Roman.

Yay. THanks!

You are welcome @dfman18! And have a nice day :slight_smile:

Kind Regards, Roman.