Editing Pique theme header

  • Unknown's avatar
    cmamantov · Member ·

    Hello, I’ve scanned the other Pique questions and don’t see this issue.

    First, I am seeing the header image on every page but home page. I was hoping to get the floating text over the image similar to the demo.

    Second, I love the large graphic block with the large font overlay, however it’s not mobile responsive and it wraps in a very ugly way. Is there a setting to automatically adjust the large fonts down for mobile, or something I am missing to make sure the mobile responsive version works? I’m used to this being a standard option in other CMS systems.

    Here’s my site as is. edstillmanatx.com Thank you!

    The blog I need help with is: (visible only to logged in users)

  • staff-dragon · Staff ·

    Hey there,

    It looks like the theme uses a custom template for the homepage, which does not use the same header as the rest of the site. There is also no setting to change this for this theme. You can find instructions for setting up the homepage for the theme in the theme information here.

    You may also consider switching to a theme that supports the Site Editor. This would allow you to customize the theme templates directly. You can find compatible themes here and more information on the site editor here:

    WP
    Use the Site Editor
    in WordPress.com Support
    3 min read
    Using the Site Editor, you can design everything on your site — from the header right down to the footer — using blocks. This guide will show you around the editor. Access the Site Editor To visit the Site Editor, follow these steps: Start from your site’s dashboard. Locate Appearance on the left side. Click on Editor. If you do not see Editor here, your theme does not supp

    While there is no setting to change the size of the text on mobile, we can accomplish this using custom CSS. To add custom CSS, visit Appearance > Custom CSS. I created the following, and you can adjust the text size as you wish:

    @media (max-width: 600px) {
.wp-block-heading {
    font-size: 50px !important;
   }
}

    Hope this helps!

  • The topic ‘Editing Pique theme header’ is closed to new replies.