Why is my Background image and Call to Action box not appearing correctly?

Hi, Christine.

Thanks for posting your question regarding the appearance on your Home page using BoldGrid’s Vacation theme.

I am not able to replicate any issues that you are seeing from the tablet or mobile views. They appear to be loading the background image accordingly.

The header appears very tall due to the size of your Site Logo. You can use the Site Title and Logo section from the Customizer (Step 7) to adjust the selected Logo size and therefore reduce the header height. Below the Logo Size slider, is the Position slider. You can also use this tool to adjust the Top and Bottom Margins of the Site Logo to reduce the height of the header.

The Call to Action widget does indeed change its text-align attribute based on the size of the screen the visitor is accessing the site from. This is built into the CSS, so you would need to review our guide on how to use the CSS Editor (Step 6), then add the following code:

.call-to-action .p-button-primary{
text-align: center;
!important;
}

This will cause the CSS to be overwritten and always use the text-align: center attribute. You should see this change instantly when you paste the code into the CSS Editor.

I hope this helps! Please feel free to reach out to us with any further questions/concerns!

Sincerely,

Carlos E