CSS not applying to Sticky Header
-
In trying to resize a typical Header (logo & Nav Menu), my top section already has some Custom CSS from making it the up-scroll-only sticky type, including an added background (started transparent). This included manual addition of .js file to the website directory and modifying the functions.php… I hardly know more than any of that right there, but this came from a helpful user on reddit and it works perfectly.
Yet I suspect one of these changes is affecting why I cannot get the subsequent sizes I wish on this. I’m able to mess around with padding/margins still, but I’m trying to make it thinner (less height) and smaller logo & Nav menu, but none of these CSS additions to the section or individual components or columns seem to do the trick… must I edit the .js or .php again, which are already affecting the Header itself?
The guide also suggested added an HTML section under the header (main) section itself, though only for temp purposes and was instructed to remove after, as the .js and .php would carry it header’s behavior theme-wide. I didn’t understand this part, but wonder if this helps illustrate my issue any more. The HTML has since been removed and the up-scroll-sticky still remains intact.
The page I need help with: [log in to see the link]
-
Since you are using our Pro features, you’ll need to open a support ticket at my.elementor.com.
www.ads-software.com rules state that commercial products are not supported here.
- The topic ‘CSS not applying to Sticky Header’ is closed to new replies.
