- Posts
Hello,
I am using the Crio theme in a Dreamhost WP install. Any size text is not properly responsive and hangs over versus resized. H1, H2, paragraph, etc everything is non-responsive. How can I fix the text to have a universal minimum and maximum responsive text size across the entire website regardless of the screen size? See the example at the below link. Thank you
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_responsive_textHi Cecilia,
Thanks for your question, Crio Pro WordPress theme should be configured for responsive mobile design right out of the box. BoldGrid designs are built with a CSS framework called Bootstrap, which is a “mobile-first” framework. This means the framework itself was made specifically to prioritize mobile responsiveness.
I tested your site on a few different mobile browsers and I didn’t see any overages in text or anything that struck me as out of place, which makes me think you may have already resolved this issue, but if not could you direct us to a URL on your website where the issue is surely present on your end? Then we could take a look and give you our best suggestion on what needs to be done.
I hope this helps. Please reach back out to us if you need more assistance.
Hello,
It seems to work now. I have two more questions, please;
1. I would like to add the footer blocks that are on my homepage to appear as the footer on my blog and individual posts pages? How can this be accomplished?
2. How can I get the white social icons in the footer to change to the color orange on hover?
Thank you in advance.
I’m happy to hear that issue was resolved. I see that the footer section on your homepage is actually just a 3 column section block. To save a section hover over it and click the black hamburger menu tab that appears at the bottom of the section to bring up its options and choose Save Block. Name the block and save it to your block library and this will allow you to incorporate it into other pages on your website. All you’d need to do is click the Add Block button at the top of the page builder and select “Block Library” as the template type to select the newly saved block.
Another option is to rebuild your footer widget area and add a universal 3 column layout using the footer widget options in the customizer from the Design<<Footer<<Footer layout section.
The easiest way to change the color of the social icons in your footer is to pull up the WordPress Customizer (Dashboard<Customize), scroll down to your social icons, click the pencil icon to edit your social menu, choose Customize Footer Social Icons<<Menu Items<<Link Color and here you can change the colors of your social icons.
I hope this helps! Be sure to reach back out to us if you need further assistance.
Hello, Thank you for your previous response. Your suggestions for using blocks to create a footer does not work on blog or posts pages. Is there method to add the same footer to these pages?
Thank you
Hi, if you need the footer to appear on all page templates, including your post archive pages you should create it in the universal footer area Customize<<Design<<Layout. You can customize your footer design using menus and widget areas.
One thing you could do to easily incorporate the footer you already built into the global footer area is to go to a page where the current footer is present and switch to the “Text” editor tab at the top of the page builder. Once you’re in the text editor find the bit of HTML that makes up the footer and copy it into your clipboard.
Go back into your global footer layout area Customize<<Design<<Layout, create an HTML Widget and paste your footer contents into the widget (be sure to set it to full screen). If you copied the code correctly the footer should now display across all pages on your site.
I hope you find this useful. Let us know if you have any questions about this solution.
- The topic ‘How Do I Make the Text Mobile Responsive in My Crio WordPress Theme?’ is closed to new replies.
