Problem in responsive to both ipad mini and ipad air

Meanwhile, the search icon and hamburg will below the header logo in Galaxy S8, while in all other devices test are okay, they're in the same line.

You can see here: https://ibb.co/mtN7dmR

Thanks in advance

Hi there,

what is the expectation ? That the title is never wider then the main content ?

The mobile issue - simplest fix is to use a more mobile appropriate logo - the one you have is quite wide, so it occupies more space and forces the menu items to a new line.

Hi David,

What your mean by saying "what is the expectation? That the title is never wider then the main content ?"

The mobile issue – it is solved. Thanks.

Hi David,

What your mean by saying “what is the expectation? That the title is never wider then the main content ?”

The mobile issue – it is solved. Thanks.

Currently i see this:

https://www.screencast.com/t/l8EBzu2k

The hero element has 360px of right padding on desktop, which reduces to 225px on tablet. Problem with doing that is you can't easily account for various size tablets. Hence my question - if you want the Title to never be wider then your main content, then it may be simpler to change the Block Elements position.

Which would be:

1. Edit the Block Element.
2. Change the Element Type from Page Hero to Hook.
3. Select the Hook: before_content
4. Remove the excessive right padding from the container.

This way the hero is now in the same container as your content on any device

Hi David,

Thanks very much for your help. I have solved this issue according to your suggestion.

Yes, I want the post title not wider than the content.

Glad to be of help

Hi David,

Another question:

How to frame every post in the homepage and category page like this website?

Thanks

Can you raise a new topic so this one can be resolved.

sure

Thanks