Minimum Logo Header Alignment & Responsive

Community Forums Forums Design Tips and Tricks Minimum Logo Header Alignment & Responsive

This topic is: not resolved

This topic contains 2 replies, has 3 voices, and was last updated by  John 2 years, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #38780


    Hey all,

    Three things:

    I tried looking this up through the forum but can’t seem to fix this issue. I have setup a logo using this tutorial since I added the logo my navigation isn’t lined up with the logo.

    • So I want the logo to stay on the left but have the navigation at the same level to the far right.
    • Add the home page title bar (“Change your body change your life”) above the main image header.
    • Also how do I make the logo responsive, when the window becomes smaller the logo cuts of and doesn’t re-size with everything else.




    To fix this I uploaded an image size according to the default limit , 1140 x 100.

    I then went in to the Style sheet and played around with:

    .header-image #title-area,
    .header-image #title,
    .header-image #title a {

    I just removed Width and Height from the area and the Menu realigned to the top. I’m sure there is a better way but this has worked for me for now. Try playing around with it.


Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.