That’s weird…Quick CSS works!

I guess I can add all my mobile on custom.css just so I can see it more easily all together and then cut/paste into Quick CSS.

Not ideal, and I don’t know why things would be this way, but at least you’ve presented me with a workaround.

If the custom.css is in the right place in my child theme and properly coded, then it just must be that the WP gods are against me on this one.

Thank you for your help, Rikard!

Thank you, Yigit. For me, it was “update the helper-main-menu.php file in my child theme” (I’m letting you know just in case someone else is fumbling around with this like me :-).
I would never have thought to update a child theme file…I thought the purpose of a child theme was to avoid that. So you 100% pointed me in the right direction, and I thank you very, very much!

• This reply was modified 10 years, 4 months ago by keithcrest.

Hey, that does work! That is REALLY confusing, since there is a separate “custom.css” file that I thought was needed to target screen sizes (vs. the “styles.css” file). Some themes work that way…separate css files…and I thought that was how this worked, too. Anyway…thank you for the clarification :-)

Thank you, Ismael. Your advice and a walk away from my computer got my header issues all straightened out.

I still can’t get the custom.css to work in my child theme, however. I can test “H1 {display: none;}” on the parent custom.css, and the headlines disappear on my smartphone. But in my child theme, whether I leave the custom.css file at the top level or in a folder labeled “CSS” (as is done on in the parent), it does not work and the H1 remains visible.

I am ready to launch this site, but I need to work on the mobile presentation before I can!

Thank you for your insights into this issue,

Keith

That did it!
I can’t mess with the styling right this minute…but now the text is placed where I can work with it :-)
Thank you so much, Yigit, and I will make a feature request along these lines via the link you indicated.
All the best,
Keith

Thank you, Yigit. I see what you did there, but it doesn’t work for my needs.

I should have sent you a link for reference: http://pgutters.jonevan.com/

You will see that I added HTML to the “phone number” insert area already. It gives you the review icons at the very top of the page. So I cannot move the header.php telephone code as you suggested.

What I am trying to do involves the currently blank area to the right of the logo. By default, that area inserts the social icons. I am trying to, instead, put a large phone number in that area. I think I need to code that phone number (or any other original content I want to use instead of the by-default social icons) into the header.php file via my own div(s) which I can then control with CSS…but whatever I try causes a PHP error.

How do I accomplish this….adding my own div in the header.php that will show in the blank area to the right of the logo?

Because it currently needs to be hard-coded into the php file, that is why I also suggested that perhaps in an update to the theme, you could introduce an “if social icons” and “if original content” choice for that right area of the header within your back-end interface :-)

Keith

• This reply was modified 10 years, 9 months ago by keithcrest.