Support » Theme: Astra » mobile view completely different from a desktop

  • Hello guys and thank you for Astra the amazing theme

    I hope i can find help here I have 3 problems that seem to be related to each other. i have changed my old theme and just moved to Astra 3 days ago, still working on it!
    The top header seems to overlap with the logo. i have set transparent for desktop/ mobile, It also makes a gap on the right side of the screen, These 2 problems appear only on mobile, where the logo in the header seems on the top of the site header.
    on desktop, no problem at all everything looks fine.

    On my blog page, the first post title doesn’t appear because it seems on the top of the site header is over my featured images. that’s why i set the featured image before the title where a part of the image been hidden on the header.

    thanks, Any help would be appreciated.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @dean34,

    For the first two issues, if you refer to this screenshot, you will see that it was fine on my end. Have you fixed it or am I missing something?
    
    And the Blog page also looked fine on my end. Please refer to this screenshot.
    
    Anyway, it looks like you are struggling with the Transparent Header on your site. When you enable the Transparent Header, it will set your Primary Header background to transparent and pull the page content to the top whether there is any content or not. This is how it works. What it will do, it will merge the Primary Header and the page’s content. That means your top part of the page content will be set as a background to the Transparent Header.
    
    Please refer to this doc to know more about Astra’s Transparent Header.
    
    I hope it will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman 🙂

    Thread Starter dean34

    (@dean34)

    hi thank you for your reply

    In the first screenshot, the logo appears normally but if you scroll down the logo will disappear.

    Regarding the second screenshot, if you look at the top of the image, you will see that the image was not completed, it was cropped from the top of the image. if i put the title before the image, you won’t see the title, or might you see half of it.
    Hope that is clarify

    Hi @dean34,

    The Sticky Header is still working fine on my end. Please refer to this short video.
    
    And regarding the second screenshot, the Blog page, the Featured Image is cropped or the Post Title is not visible when it is put before the Featured Image, it’s because the Transparent Header is active. Please have a look at my previous response explained how the Transparent Header works.
    
    Go to the Customizer and disable the Transparent Header and it will fix the issue.
    
    I hope it helps.

    Kind regards,
    Herman 🙂

    Thread Starter dean34

    (@dean34)

    Hi Herman
    Thank you so much, the issue is solved now, i appreciate your help guys

    Perfect, @dean34!

    I am very pleased to know that you have managed to make it work.

    Please mark the topic as resolved and do let us know if there’s anything else we can help you with.

    Have a nice day and stay safe!

    Kind regards,
    Herman :)

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.