- Posts
Hi,
Making good progress with Boldgrid, have selected Venetian as a theme to work with. This is the one with a Call To Action widget with text “Make Better Business Decisions Today” on the landing page.
When we switch Firefox Responsive Design Mode to check how it looks on a smartphone, the widget text does not resize (the “Contract us and schedule your consulation now”, immediately below, is fine).
We can see it is H2 CSS, but how should this be changed properly?
Thanks
Hi Dan,
Thanks for posting your question regarding customizing the Widget – Call to Action. I’m sorry to see that it is not responding properly. Have you viewed the website from an actual smartphone device? Depending on how Firefox is attempting to mimic the smartphone view, it may not be providing the necessary data for BoldGrid to identify the screen size and adjust text/image sizes automatically (responsiveness) to display on your website. Otherwise, to make custom CSS changes to a Widget, you would need to use the BoldGrid Framework and modify the CSS yourself in a child theme.
Best regards,
Carlos E
Thanks for that, sorry for the delay on replying
I have yet to try it on a real device, but the same thing happens in your Inspirations theme selector. On the Content tab [when selecting Venetian, Pageset etc.], selecting device from the browser/tablet/smart device icon set, selecting smart device make the Call to Action…
MAKE
BETTER
BUSIN
DECISIlook broadly speaking as above.
This can’t be right?
Hi,
We are so pleased with BoldGrid, we signed up with InMotion to host a new site (thanks for all the hard work). The problem reported still happens and on a real device (this is the update to the post, just tried it using a Moto G4 Plus).
We can fix it by adding
@media only screen and (max-width: 690px) {. call-to-action > h2 {
font-size: 50px !important;
}
}
to the bottom of style.css, we don’t think we should have to. You can check it out at telecetera.org (currently WITH this CSS added so it works!)
Whilst I am on, you have I think a problem with support links on your website. Do you have an email address I can send an attachment to, to explain?
Regards,
Hi Dan,
The page does appear to be working, but I’m not sure if there’s an existing issue. We don’t have a way for you to send us an attachment currently, but if you can elaborate on the issue we can review it.
Thanks. As I put in my post, I had fixed the site with the CSS addition (I figured you were likely to be able to test easily enough internally).
Please try – with a device – connect.telecetera.co.uk and see a site that exhibits the problem
I am not sure this posted, apologies if it is a repeat.
connect.telecetera.co.uk has been temporarily set-up to allow you to see the reported from from a smart device (phone). I.e. the CSS we added to workaround the problem has been taken away.
We would prefer there not to be a problem. Please can you review?
- The topic ‘Widget CSS resize issues’ is closed to new replies.
