Jump to content

Archived

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

richardjacruz

Header formatting

Recommended Posts

richardjacruz

I saw this website build with PageLines DMS:

http://lupusla.org/

I want to have a header that's VERY similar. However, with the fixed area, I'm struggling with how to do that. 

I want to have a "super menu" under one of the tabs, and drop downs for others, a larger logo to the left like this, a search all the way to the right, and a call-to-action at the top like we see with "Donate" (I want "Request a Quote").

What area (fixed or header) is best to use for this, and, within that area, what are the best sections to place?

Thanks. 

Share this post


Link to post
Share on other sites
Aires

Hi,

If you want to have the menu and cta visible at all times then the fixed header is the way to go. As for the site you supplied it was done pretty easy see the picture.

 They used a navi section which has a place to add your logo and still have menu in the same section. And used a textbox with some html for the button and used css to style it.

If you dont have some knowledge of html or css then it could be a little difficult.   

~Aires

look at me.png


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
richardjacruz

Thanks, Aires. So, they just added a text box in the "Fixed" area above the Navi section?

Then they used the Customize section in DMS to simply push the nav down with a top margin of 70px? 

If I wanted the .navright to sit at the base instead of the top, can I just go "vertical-align: baseline;" for that section, or do I need to push it down with that top margin? Here's the site I'm working on:

http://dev.stevensoncraneservice.com/

I don't like that the nav is up at the top when I scaled the logo to be bigger than the default.

I was going to use the top black line I have on that site to have some links to the shopping cart, account, and a request for quote call-to-action.

Thanks for you help!

 

Share this post


Link to post
Share on other sites

  • Similar Content

    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      Todd
       
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • Borries
      By Borries+
      I know this is not an easy problem. Maybe there is a easy solution.
      I have tryed to uses the existing solution, that I have found in the forum
      I changed the colours of my nav (simple nav) and the hover effect (a. hover).
      I really tryed to highlight the active/used link in the nav but I cant figure it out.
      I want it to be black when active.
      Any help would be appreciated. Thanks.
      http://www.marcborries.de  nav link: "Sinn & Selbst" 
    • elementalkites
      By elementalkites+
      Good evening. I am attempting to use the Impulse section on a page I am working on (https://dev.elementalkites.com). The tool seems to have the ability to overlay a logo on top of the slider images but in my case it isn't working, even though I have added the logo file and given it a height to display at. I have attached a screenshot for reference. Any help would be appreciated.
       
       
×