When you selected the theme option to be Responsive, you enabled a style sheet (style-responsive.css) which among other things applies a display:none to the pre-header menu. A child theme might be able to override the display: none styling for viewport widths less than 685px. Or perhaps the theme author could suggest an alternative?
Thread Starter
Toni
(@tools4toni)
Thank you very much for responding!
I am clueless. You are correct – I chose Responsive. I will look into what you suggested…
Could you break that down more for me? I can only do minor CSS, copy/paste and maybe a template thing.
I do work with child themes.
— I have bothered the theme author too much already. She has given me extensive time and attention for a different issue.
line 25 of styles-responsive.css, you see how #header-links is being told to not be displayed? (note line 10, this is for every device or window below 768 pixels width)
are you trying to keep it displayed? simply remove that part of the css or override it with your own file (or the custom css section of the theme options in wp admin) by using ‘display: block’
EDIT: i suppose you should make a child theme instead of editing the original file
Thread Starter
Toni
(@tools4toni)
Great! I have a child theme already.
Thank you
Cheers!
And yes, I want it displayed.
In your child theme style sheet, add the following code
#pre-header-links-inner {
display: block !important;
}
where the !important may be required depending on several factors. Try it with and then without the !important to determine which you need.
Thread Starter
Toni
(@tools4toni)
This is great. It is kind of fun having issues – and applying solutions. Thank you – I will try it and update you.
It works!
I see why visually they don’t want it, but I need it.
Thanks to all
Cheers!