khellar
asked on
Wordpress Template CSS max/min-height issue
Hi, I'm working on celebratebirth.comcelebratebirth.com and the header is behaving erratically. When I use the inspector in chrome to view the code it shows this line for the top nav bar:
yet when I look at it with view > Source i get this:
I'm still getting the same thing when I inspect the element with Chrome:
...in regard to that same line of code mentioned first above.
Any ideas how I can fix this please?
<section class="topBar normal-menu" id="top" style="min-height: 124px;">
yet when I look at it with view > Source i get this:
<section class="topBar normal-menu" id="top">
without the min-height. I'm trying to kill that min-height so that the bar will be shorter but I can't track it down. Went in to wordpress's custom css field and entered.topBar .normal-menu #top {min-height: 74px !important; height: 104px !important;}
I'm still getting the same thing when I inspect the element with Chrome:
element.style {
min-height: 124px;
}
...in regard to that same line of code mentioned first above.
Any ideas how I can fix this please?
ASKER
I want to change min-height to something lower like 74. I've removed id="top" and it appears that nothing is different.
Its coming via js if its nt present in your page.
Its hard to catch from where its getting added .
But even if you remove it . It would not be affect the height as minimum is 117px.
if you don't mind you could provide code details and if its not voiding EE rules
Its hard to catch from where its getting added .
But even if you remove it . It would not be affect the height as minimum is 117px.
if you don't mind you could provide code details and if its not voiding EE rules
The header minheight is being overridden from the scripting and to fix it you are going to have to go through the excessive scripting to find where the style is being written. As the style is almost certainly being put inline you cannot override with conventional CSS in a stylesheet.
You might try setting it with the important hack with min-height:74px !important; and if you are lucky then it will override and you will not have to dig through the scripting. C
Just a caution that themes are frequently a house of cards and a minor change that the author did not anticipate may collapse the whole effect.
Cd&
You might try setting it with the important hack with min-height:74px !important; and if you are lucky then it will override and you will not have to dig through the scripting. C
Just a caution that themes are frequently a house of cards and a minor change that the author did not anticipate may collapse the whole effect.
Cd&
ASKER
I'm not sure how I would find the excessive scripting related to this so I'm going to contact the developer and post his suggestion here once I have it. Thanks to you both.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
This is the correct solution.
please try to remove id='top' and check