Archived

This topic is now archived and is closed to further replies.

  • 0

Will my site stay mobile friendly with hooks


Question

Posted · Report post

Hi, I just bought Simon's hook plugin and just used it. Nice and simple. As I'm building my site the goal is to push the design but keep it mobile friendly. It was looking great on iPhone until I added a hook to get a custom image in my header template (the girl in upper right) http://shopthehip.com/dev2012/ Now looking at my mobile the branding logo is out of place and the girl covers the navbar. Should I stay away from hooks then?  Or is it better instead to use Drag & Drop to add a section in the header?

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

I see what you mean. Thanks much

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there

 

Hooks are a great way to insert additional content into areas set aside in the template without having to edit the core files. However the content you put into the hook will need to be set with css to make it align correctly in the different layouts. For example you might need to use css to get it to go into the correct position in the desktop view, but when its in a responsive layout you might need to use browser specific css to position it correctly in that design.

 

As you're adding the image manually into a container on the site, there's no code in there to tell it how to behave other than using the sizing/positions of the container it's been placed inside, which might not necessarily react the same as the way the branding logo or brandnav would. Therefore by adding some of your own css you can tweak it to suit.

 

If you've not dealt with browser specific css before, check out - http://support.pagelines.me/docs/plugins/browser-specific-css/

Share this post


Link to post
Share on other sites