Support » Themes and Templates » Header alignment help

  • Hi all;

    I am completely new to any sort of web design and am currently trying to set up a travel blog using the travelify theme

    I’ve managed to set up a featured slider which I want to extend the entire width of the screen (please ignore the photo for now – it’s just for demonstration purposes).

    The problem is I also want my header bar to be flush with this – so that the logo and menu/navigation bar are left aligned and the social icons to be right aligned.

    Can anyone advise what I need to code in the css for this please?

    Thanks
    Tanya

Viewing 14 replies - 1 through 14 (of 14 total)
  • Hey Tanya,

    Hope you are doing great! 🙂

    The URL you have sent says that “The site is under construction”. Would you please send an alternative to this so that I could visit your site and provide you a better solution?

    Thanks,
    Have a great weekend! 🙂
    Archana.

    Hi Archana;

    Thanks for your reply – hope you’re well.

    Ooops I thought I’d taken the under construction off.

    I’m also struggling with the resolution of photos in the featured slider as you’ll see. Any suggestions on how to get this looking good too? Apart from taking the head shots off (haha)!

    Thanks
    Tanya

    Hey Tanya,

    To change the alignment of the header, you need to modify some code in the CSS file of your theme.

    Look for

    .container {
    max-width: 100%;
    padding: 0 300px;
    }

    make a little change here like,

    .container {
    max-width: 100%;
    padding: 0 90px;
    }

    NOTE: You can set the value as per your wish instead of “90”.

    Regarding image resolution, I am not sure I will be able to help you. I would suggest you to contact the plugin developers. They would be able to help you in a better way.

    Have a great weekend! 🙂

    Thanks,
    Archana.

    Hi Archana;

    That’s brilliant thankyou.

    Do you also know how I can reduce the white space above the logo please?

    No worries about the image resolution – I’ll contact the plug in developers.

    Thanks
    Tanya

    Hey Tanya,

    Hope you had a great weekend! 🙂

    I’m glad that I could help you. BTW I am not able to visit the site as it’s showing me under construction. Can you please make it work for me so that I could help you with the space reducing issue.

    Thanks,
    Archana.

    Hi Archana;

    Yes I’ve had a lovely weekend thanks. I hope you have too?

    I’ve changed the site so you should be able to see it now. I had gotten the white space to reduce from above and below the logo – however something has happened since and it’s reverted to how it was before and no matter what I do it won’t remove it now.

    Having searched on the forum I think the cache may need clearing as it doesn’t appear to be recognising any of the changes I’m making.

    I also have one other problem you may be able to help me with.

    The front page (home page) isn’t showing my latests posts; I’ve tried changing my setting to ‘display recent posts on front page’ but this doesn’t work. I’ve also changed it to static with front page = Home and posts = ‘Select’ but nothing.

    Ideally on my Home page I want to see my most recent post(s) and in the right side bar the recent posts widget, subscribe and search for post by category. Any ideas? I don’t want the recent posts widget showing on the

    Thanks
    Tanya

    Hey Tanya,

    I too had a great weekend. Thanks. 🙂

    I just visited your site, it seems working fine. I didn’t find any issue with header or logo. Please send me a screenshot if I am missing something.

    Regarding the latest post on the homepage, you need to select “Your Latest Posts” at

    Dashboard >> Settings >> Reading >> Front Page displays.

    Right now it is not displaying anything because I think you don’t have any post at

    Dashboard >> Posts.

    If you want to remove any widget, you can do it at

    Dashboard >> Appearance >> Widgets.

    Hope this will help you. 🙂

    Thanks,
    Archana.

    Hi;

    I’d like alot less space above and below the logo.

    With regards to the latest posts – I have 3 posts published in dashboard posts and have selected
    “Your Latest Posts” at

    Dashboard >> Settings >> Reading >> Front Page displays.

    I then want the most recent posts to display but with a right side bar.

    I think that for some reason the theme isn’t recognising any of the changes I’m making???

    Any ideas?

    Thanks
    Tanya

    Hey Tanya,

    For the logo issue, look for

    #site-logo {
    float: left;
    margin-top: 32px;
    }

    You can reduce the top margin here, space above the logo image. To reduce the space below the logo image, look for

    #site-title {
    font: 36px 'Ubuntu', sans-serif;
    line-height: 42px;
    }

    make the line-height to 0px. Hope this will help you. 🙂

    Regarding the posts, I am able to see the latest blog posts of yours at the home page. Please let me know if I am missing something. 🙂

    Thanks,
    Archana.

    Hi;

    That’s great thanks re: the logo.

    However I can’t see the most recent posts – on the Homepage it just says ‘No posts found (under the main featured slider image)

    It’s looking like this both in the admin view and if I log out and go in as if I wanted to visit the site.

    It all seems a bit strange!

    Hi Tanya,

    When I visited your site, I could see the 3 posts of yours. Right now, they are not displaying. I am not sure what could be the issue.

    Apologies, I am helpless here.

    Thanks,
    Archana.

    Hi Archana;

    That really is strange – but thanks for looking.

    Is anyone able to help with this please?

    Thanks
    Tanya

    I’ve had a breakthrough and managed to solve both problems.

    Thanks for all your help

    Tanya

    Hey Tanya,

    Glad to know that you found a fix for the issue! 🙂

    Thanks,
    Archana.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Header alignment help’ is closed to new replies.