I've been using One Page / Full Screen Rows feature with transparent header. Via CSS, I was able to user a large logo for the first row (which is the nectar slider). Once the user scrolls down I have several light background rows which trigger the 'dark-slide' class. However, one of my rows further down has a dark background with the light background selected.
My problem is that I want to set that logo to the same smaller size as the previous rows. Which would allow for more content and flow better. Unfortunately, there is no special CSS class i can use to attach code to. Can I add something to the header php to inject a custom class? Or perhaps there is another solution?
I've been using One Page / Full Screen Rows feature with transparent header. Via CSS, I was able to user a large logo for the first row (which is the nectar slider). Once the user scrolls down I have several light background rows which trigger the 'dark-slide' class. However, one of my rows further down has a dark background with the light background selected.
My problem is that I want to set that logo to the same smaller size as the previous rows. Which would allow for more content and flow better. Unfortunately, there is no special CSS class i can use to attach code to. Can I add something to the header php to inject a custom class? Or perhaps there is another solution?
Hey Ryan,
This would be far more complicated than that . To get an idea of how to work with the Fullpage.js library have a look at this Article :Add Down Arrow in FullScreen Page Rows Option [JS hack].
Best
ThemeNectar Support Team