Jump to content
Sign in to follow this  
mbcornett

"Above the fold"

Recommended Posts

mbcornett

Hey guys, let me start out by saying that I absolutely love the Pagelines Framework (I'm using 2.0.1 developer). I mainly focus on internet marketing, and I feel that it is important to have a strong "call to action" clearly visible above the fold"of a website. With that being said it is very difficult even with a small header and reducing the feature slider to 300px to fit a call to action via the callout or the banner above the fold. My question is does the community have any solutions to easily help with this?

Share this post


Link to post
Share on other sites
Rob
Thank you for your kind praise about PageLines. I've had this same issue and find it rather difficult to deal with myself. The only suggestion I can make, for whatever it's worth is to include a 'faux' callout inside the header using a hook. I'm not sure what you have in your header, but I place a leaderboard ad in mine and allowing for branding, at 1000px width, I can fit the 728px wide ad with no problems. Other than the graphic in the callout, it's essentially two levels of text that can easily be replicated by placing the top line in an H1 tag and the lower in an H4 or H5. Rather than giving you the hook just yet, perhaps you'd like to evaluate this option and if you concur, I will followup with the function code as soon as you let me know. A small one line snippet of CSS will be needed to align it correctly and I will give you that too.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mbcornett
Thanks a ton rangelone. I would definitely be willing to give your idea a shot. Do you have any examples that I could look at? Either way I am definitely interested in seeing the hook and CSS that you are using.

Share this post


Link to post
Share on other sites
Rob
Well, my site is [url="http://www.epicurus.com"]epicurus.com[/url] where you can see the leaderboard ad in the header. I will post the code here in a moment.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob
Okay, inside PageLines Customize plugin, with functions.php CHMOD to 777, you can edit the file via the Plugins Editor and add something like this at the end of the file: [code] // add_action('hook_name','function name'); // ---> uncomment to load add_action('pagelines_inside_top_branding', 'faux_banner'); // function name function faux_banner(){ ?>

My heading to be changed

My subheading

PageLines > Settings > Custom Code in the CSS Rules area adding: [code]div.faux {float: right;}[/code]

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob
Of course you will need to edit the things between the H1 and H4 tags and may wish to try H5 in place of H4. Let me know how it goes.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
miked
@mbcornett Could you post a link to a site that has something similar to what you're looking for, or maybe a mock-up? I'm working on a highly customizable branding section and would love to see it.

Share this post


Link to post
Share on other sites
mbcornett
@miked here is my main website built in joomla. It's not in the header but you get the idea [url="http://shineonlinemarketing.com/"]http://shineonlinemarketing.com/[/url] another example: http://www.rememberthemilk.com/

Share this post


Link to post
Share on other sites
mbcornett
Thanks @rangelone, I'm going to try this out soon!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×