Tagged: header, Helena, responsive
- This topic has 7 replies, 2 voices, and was last updated 7 years, 3 months ago by Pratik.
-
AuthorPosts
-
February 13, 2017 at 8:24 am #109523sschmeerParticipant
Hello,
I’m using the Helena free theme for my website. The header options include a title, content, and a button. I’m choosing to not use a title. Everything looks great on a computer (www.uneventravel.com) but the tablet and phone versions of the header don’t show the content and button text, just a grey area where the button text should be. Image responsiveness is fine. Can you please help me get the header content and button text to be responsive?
Thank you,
SarahEdit: I tried adding the CSS you recommended in a similar post on Jan 31st but it didn’t change anything.
February 13, 2017 at 10:34 am #109531PratikKeymasterHi @sschmeer,
First, please remove code:
@media screen and (max-width: 420px) { #header-featured-image .entry-title { font-size: 20px; } }
from your Appearance=> Customize=> Additional CSS box.
Then add following code in same place:
#header-featured-image .entry-content { display:block; } @media screen and (max-width: 910px) { #header-featured-image h1 { font-size: 20px; } }
Regards,
PratikFebruary 13, 2017 at 9:25 pm #109588sschmeerParticipantHi Pratik,
Thanks for your quick response! It looks better on the tablet, but now the content and button overlap with the site ID and menu on mobile.
Sarah
February 14, 2017 at 4:48 pm #109676PratikKeymasterHi @sschmeer,
No matter how small I make the font, it overlaps with header. So I can provide you with solution to hide the text and button on smaller devices. Let me know if you want that or not.
Regards,
PratikFebruary 15, 2017 at 9:08 am #109743sschmeerParticipantYes, hiding the text and button on smaller screens would be perfect. Thank you.
Sarah
February 15, 2017 at 1:53 pm #109774PratikKeymasterHi @sschmeer,
Add following code:
@media screen and (max-width: 550px) { #header-featured-image .entry-container { display:none; } }
February 16, 2017 at 10:58 pm #110002sschmeerParticipantPerfect, thank you!
February 17, 2017 at 10:03 am #110048PratikKeymasterHi @sschmeer,
Glad it worked out. If you liked our theme and support, please help us by leaving a review at https://wordpress.org/support/theme/helena/reviews/.
Regards,
Pratik -
AuthorPosts
- The topic ‘Helena header content and button not responsive’ is closed to new replies.