Sticky Menu on Individual pages / Hiding Embedded Form

[ggblirl]

I am using a ‘Fixed Top’ header in the Ethos theme. (www.smartlegal.ie).

I am building a page with an embedded multi-page form (a Cognito Form).

The Problem
When a user advances a page in the embedded multi-page form the form repositions itself to align the top of the form with the top of the display - hiding the top of the embedded form behind the fixed header.

My Options:

1. I can switch to a ‘Static Top’ header but I don’t want to do that across the entire site.
2. I can add some CSS to this specific page so that the embedded form repositions itself to align the top of the form with the bottom of the fixed header.

My Questions:

1. Is there a way to keep ‘Fixed Top’ across the site but change specified pages to ‘Static Top’?
2. Can you help me with the CSS I need to achieve Option 2 above on all screen sizes?

[prakash_s]

Hello @smartlegal,

Thanks for writing to us.

Yes, it is possible by using custom CSS code for that you need to use a page-id class in your selector so that the custom CSS work only on the specific page only.

It would require custom CSS code customization. I would suggest you contact a developer who can assist you with your concern or you can avail of our newly launched service called One where customization question is answered. Please note that we don’t provide custom development support it is out of the support scope.

Alternatively, you can upgrade your X theme to the Pro theme where you would get a custom Header/Footer builder. You can create a custom header for the specific page and set the Header at the top.

Thanks for understanding