-
Posts
-
Hi, I’m using the BoldGrid Vacation theme for my website and am having numerous problems with the display on the Home page. The background image only shows up on desktop, not tablet or mobile device. Also, the header is quite “tall” and obscuring the photo. Also, the Call to Action widget on the home page is left-aligned on a desktop, and centered on mobile or tablet. Help! 🙂 (Thanks in advance)
Website is: mymoolelo.com
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
Hi Carlos,
Thank you for your reply. I added the code to the CSS Editor as directed, but still the problem exists on the desktop view, where the Call to Action widget on the landing page is right-justified, not centered. ( I previously said left-justified in my original comment, sorry.)
Also, I changed the size of the logo, adjusted the margins with the slider, but the white space between the bottom of the logo and the menu bar is still too tall.
As far as the background image, it definitely doesn’t seem to scale to fit on mobile devices, as you can’t tell that its a “bottle with a message” as you can see on the desktop view.
Any assistance is welcome!
mymoolelo.com
Christine D
- The topic ‘Why is my Background image and Call to Action box not appearing correctly?’ is closed to new replies.
