Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #360530
    #360888

    Hi a00109943!

    It would be easiest to just use the default menu and give it some CSS to make it big like that. You can add a <br /> tag in the navigation labels to do a line break.

    Keep in mind how you want it to display on mobiles too. What your trying to do would not play well responsively.

    Regards,
    Elliott

    #361270

    Hi Elliott! Thank you for the suggestion! I have made some changes to the header. How would I go about inserting that break so I can have Film on top, then Portfolio on the bottom?

    Thanks again!

    Ben

    #361605

    Hi!

    Click on the dropdown arrow when editing your menu item and you can change the navigation label.

    Cheers!
    Elliott

    #361685

    Thanks for the quick reply Elliott!

    I made the change but now the second word is way down there. How would I center the top and bottom word and have maybe 1-5px between them?

    Thanks!

    Ben

    #361862

    Hey!

    I don’t see any links in your source code. Go ahead and add some in and we’ll take a look.

    The CSS your wanting is probably something like this.

    .menu > li > a { line-height: 20px !important; padding-top: 20px !important; }
    

    Cheers!
    Elliott

    • This reply was modified 9 years, 5 months ago by Elliott.
    #361899

    Thanks Again Elliott!

    So far so good! The only thing now is to get the words centered horizontally and vertically. We are soooo close!

    Thanks again!

    Ben

    #362378

    Hey!

    Add this.

    .main_menu li { text-align: center !important; }
    

    You would just increase the top padding a bit more to center them vertically.

    Regards,
    Elliott

    #362574

    Thats excellent!

    Very useful indeed! Now the only thing left is to be able to spread the menu items across the top. How do I customize the px distance from right or left in the header. I know it is currently set up to the right, but I would like it to align beside the logo and go toward the right. Like the original picture.

    this is the last item for this I promise! You are most appreciated!!!

    Thanks again!

    Ben

    #363206

    Hey!

    Add this.

    .main_menu { right: auto !important; left: 200px !important; }
    

    Cheers!
    Elliott

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.