Tagged: header, header widget, multiple
Hi.
I am building a website for a small theme park. Our design strategy includes creating distinct pages for each park location – like this:
Home
|
Florida | Kentucky | Texas (States)
Each state uses a different color scheme, and I would like to use different header widgets on each location area – the info contained within each custom header widget would only be displayed on specific pages.
For example: The Florida page will have a single button inside of a custom header widget that contains the park telephone number and a ‘buy tickets’ button for that park only. The same for Kentucky, then Texas. See screenshot here: https://snag.gy/PlHiwu.jpg
My question is, if I use this code to create a custom header widget –
‘add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}’
would I just duplicates this snippet and change the name of the widget titles from ‘header’ to Florida, Kentucky, and Texas? Or is there something else I need to know about this?
Hey MindSpark,
The header widget will allow you to enter custom code and it will display the same code on all pages.
As per my understanding you need to display a different button with unique text. The best way to do this is to add a button to each page and give it a -ve top margin so that it appears to be on the header. If this does not work i am afraid you need to hire a freelancer to get this customisation done as there is no easy way to do this with a small snippet of custom code.
Best regards,
Vinay
what is a ‘-VE-‘ top margin?
Hi,
Sorry, what I meant to say was… negative top margin to the button element.
Best regards,
Vinay