ericsarts
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Vogue] Text overlapping in the "header" for a pageHello, Ellinor:
I am not the theme developer but I have had the same issue. I found that styling fonts using the “vw”, which is a percentage, rather than “px”, will scale the font to the page space. Although the line-heights for the .entry-title and the breadcrumb line are somewhat inelegant in the small screen mobile device layout, you will see that your text will no longer overlap. You could also use CSS in your child theme to place the entry title and breadcrumb text at the same baseline if you want to really refine the layout.
Add the following to your child theme css (do NOT add the opening and closing “/* */”):
/* .entry-title {
font-size: 5.5vw;
margin-bottom: .55em;
} */I hope that helps!
Best,
Eric- This reply was modified 9 years, 9 months ago by ericsarts. Reason: forgot to open and close with /* */ for code
Just a quick note for anyone that needs this change also:
This may seem obvious to some, but you must either make a complete duplicate of the entire CSS in your child theme or make the change to the main GK Portfolio style.css file. You cannot add these lines alone or they will affect your main navigation in the non-mobile format and your menu will only show the “≡ Menu” and will also not respond.
My eyes skipped right over the “≡ Menu” part of that series. Thanks again so much for your help! All working!
I’m so sorry. I knew I should have added that earlier, just been running ragged and in too many different directions all day.
URL: /* http://www.gtrincorporated.com */
Thanks again for taking a look. I really appreciate your help.
E.
Yes! It works. Thank you so much!
I’m not certain but I may be having a similar problem. I did not upgrade. I just started using your theme (awesome, btw), but after figuring out that I needed to uncheck the “Whole overlay clickable in portfolio” option, I got everything to work in my staging directory here:
/* http://www.gtrincorporated.com/staging1 */
BUT, when I tried duplicating everything in my main site directory, I’m having no luck at all here:
/* http://www.gtrincorporated.com */
Everything shows up as it should in the customizer, but when I view the main site index in the web browser, I get the overlay content instead. Very weird. I’ve been checking every setting in every plugin and in the custom settings to no avail. I have also changed the post types from standard to gallery to image.
Looking forward to your response, and thanks so much in advance.
Eric