[Support request] Custom header design

Home Forums Support [Support request] Custom header design

Home Forums Support Custom header design

Viewing 8 posts - 16 through 23 (of 23 total)
  • Author
    Posts
  • #2404342
    Dev

    Hello,

    I did what you said above. Now, what’s next?

    And one thing, where is the option of Background image a min-height in the Block settings?

    #2404364
    Dev

    Hello,

    Okay, I did a few things for myself, and now it’s looking like what I want.

    But still, there are a few things that need to change. For that please look the below screenshot: https://prnt.sc/rw11waZLiB_Q

    Let me know.

    #2404384
    Fernando
    Customer Support

    Add this CSS in Appearance > Customize > Additional CSS:

    .single-post .site-content {
        margin-top: -50px;
        background-color: #fff;
    }
    
    .single-post .entry-header {
        text-align: center;
    }
    

    Then, set the Background color of the Container Block holding the Author Image to transparent – Give it 0 opacity.

    The CSS above addresses the two issues you mentioned in the Screenshot. The vertical line is from the Site Content. In the code, I placed the site content to -50px from its position.

    #2404396
    Dev

    Hello,

    Rest all is good now. But the vertical line is still visible.

    See this: https://prnt.sc/7ZvfGTn09iOM

    #2404402
    Dev

    Hey,

    there is one serious issue.

    The page in mobile view is getting squeezed? See the below image. Why it’s happening like this?

    https://prnt.sc/TDhHM0sf7hrN

    #2404420
    Fernando
    Customer Support

    I’m not seeing the Vertical line you mentioned. Can you try clearing the cache of your Browser?

    As for the second issue, I updated the code here: https://generatepress.com/forums/topic/custom-header-design-3/page/2/#post-2404384

    Can you update your code?

    #2404614
    Dev

    Hello,

    I didn’t see any changes in the code that you gave me earlier and now.

    Apart from that vertical line is still there in the desktop view.

    And in the mobile view, the page is getting squeezed on the left side by making a blank white space when we just touch it. See the below image. Why it’s happening like this?

    https://prnt.sc/TDhHM0sf7hrN

    Can you please solve this issue a bit fast? I have to compete it today only.

    #2405523
    Fernando
    Customer Support

    The CSS I provided should have fixed that. I’m not seeing the issue from my end anymore viewing your site from my end. Perhaps it’s browser cache. Can you try clearing your browser’s cache to test? Or, try using a different browser.

    Sorry for the delay in response. We try to respond as soon as we can within 12-24 hours on weekdays or 12-48 hours weekends. Reference: https://generatepress.com/what-support-includes/

Viewing 8 posts - 16 through 23 (of 23 total)
  • You must be logged in to reply to this topic.