Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Headline Image Height of Screen


AllanYung

Question

4 answers to this question

Recommended Posts

  • 1

Hi. Add to Design > Custom CSS

/* Tabet */
@media screen and (max-width:991px) and (min-width:768px) {
/* stack buttons */
div#block-yui_3_17_2_1_1615078591470_11964+.row .span-6 {
    width: 100%;
}
/* fix text break */
[data-section-id="6013174c6d75164ef6dcc5d6"] .content {
    width: 90% !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Hi. It looks like you solved this?

Do you want to make 2 buttons same height on tablet?

image.thumb.png.724f4e5848d253721a5ef10001e555a2.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Sorry, now seeing your reply @tuanphan! I was not able to fix that but that's not a big issue.

Thank you for bringing this to my attention! Instead of making the two buttons the same height, I would prefer for them to stack one on top of the other as they do in mobile.

284820651_MobileButtons.png.c9e20b5eeb48c35bbe28513b0219d3ff.png

I also noticed that some Headers break on Tablet.

731475070_HeaderBreaking.png.4938b4859471016be00c06735e7b6058.png

I would prefer for the Homepage specifically to switch to a Mobile format as soon as this happens as shown below to avoid any longer words in Headers breaking to a new line. This would also solve the issue with the text in the Contact Us button breaking to two lines. How would I be able to do that? How can I check the page width when the Header starts to break?

1468423010_MobileHeaders.png.8fa14aa0e8d9a48057d82fa89128a326.png

Thanks 😁!

On 3/24/2021 at 1:44 AM, tuanphan said:

Hi. It looks like you solved this?

Do you want to make 2 buttons same height on tablet?

image.thumb.png.724f4e5848d253721a5ef10001e555a2.png

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...