I did different logo images for different pages, by replicating template and assigning each logo image to each page.
However, I was wondering if I can go beyond that, and with css is it possible; with menu item hover the logo image will change also, is it possible to link menu item hover to logo image somehow with css ?
using the page suffix feature ( turn it on in the advanced tab of the tplt manager)
this adds a class to the body tag that is this menu-whatever-the-menu-alias-is
so if you have a menu item with the alias of stuff you can use the class menu-stuff in your css rule
Can I add page id or as you say page suffix to the css (can you please explain how to do it?)
Or either I thought I can use RokSprocket feature showcase so that the image changes automatically (independent from menu item change is also sufficient for me) however I can not make the image whole page wide span in the header position.
I'm wondering if I can have the RokSprocket showcase image go whole wide span by css ?
for the image to be full width and responsive to the many various screen sizes that your site's visitors will have, you will need to use and image reference rather that a background reference.
you can use custom html modules for the various menu items.
Regarding spanning it full width of the header, you will need to edit the template's index.php file. This type of customization is more than we offer as forum support. If you need help with this you can hire help in the
Market Place forum
Can you help me out with the different logos on each page? I wish to have a new logo on each page as well as background. I've figured out the new background on each page but not sure how to do logo.