Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1223294
    feliciacarbajal
    Participant

    Most themes these days come with responsive text that actually works. Right now setting up the theme out-of-the-box does not seem to be an option given that fonts haven’t been adjusted for mobile viewing. I am not a programmer and do not know how to fix this for my website using CSS… but you have font sizes built in that do not work on mobile. I think this is a problem. Can you advise on a simple way to make this work without having to learn CSS? I did not expect this to be an issue… but it is currently the only thing holding up my website from being finished.

    http://californiacannabisadvocates.org/

    #1223417
    Rupok
    Member

    Hi there,

    Thanks for writing in! You are not using Responsive Text for the headlines. If you just want to control them with CSS and want to decrease in mobile view, You can add this under Custom > CSS in the Customizer.

    
    @media only screen and (max-width: 767px) {
    h1, .h1 {
        font-size: 36px;
    }
    h2, .h2 {
        font-size: 32px;
    }
    h3, .h3 {
        font-size: 28px;
    }
    
    h4, .h4 {
        font-size: 24px;
    }
    h5, .h5 {
        font-size: 20px;
    }
    h6, .h6 {
        font-size: 16px;
    }
    }

    You don’t need to learn CSS for this, just adjust the font-size for mobile for each heading or just use my given CSS as it should be fine.

    Hope this makes sense.

    #1226033
    feliciacarbajal
    Participant

    I would do this… but now my customizer is not working and is suck trying to load… great. So… this wasn’t happening before and nothing has changed since the last time I used it. What gives here? So far the experience with this theme has been not at all what I was expecting.

    #1226179
    feliciacarbajal
    Participant

    I have tried the stuff on https://community.theme.co/kb/solutions-to-potential-setup-issues-customizer/ and none of the two options worked…. are you able to provide any insight here? Should I start a new thread?

    #1226320
    Rue Nel
    Moderator

    Hello There,

    Would you mind providing us the url of your site with login credentials so we can take a closer look and fix the issue? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    To do this, you can make a post with the following info:
    – Link to your site

    – WordPress Admin username / password
    – FTP Hostname
    – FTP Username
    – FTP Password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thank you.

    #1226702
    feliciacarbajal
    Participant
    This reply has been marked as private.
    #1226936
    Rue Nel
    Moderator

    Hello There,

    Thank you for the information. It turns out that you have installed a 3rd party plugin WPtouch Mobile Plugin. This plugin will take over once you view the site in smaller screens. Please deactivate this plugin and test your site again to see the difference.

    Hope this helps. Kindly let us know.

    #1227408
    feliciacarbajal
    Participant

    Okay… well lets see if we can make it so I don’t need that plugin. It is really odd that it broke the customizer…

    #1227409
    feliciacarbajal
    Participant

    Are you able to address why using headers in columns doesn’t seem to be working? Why are not not being contained within their area?

    #1227744
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! I have seen your site in a mobile screen. The headings are quite big enough. You may need to apply Responsive text and manage it in Settings > Responsive Text. To know more about responsive text, please check it from our knowledge base here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/, http://demo.theme.co/integrity-1/shortcodes/responsive-text/

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1223294 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>