• Resolved backpackingseries

    (@backpackingseries)


    Hello,

    My header looks like this:

    Unused First Column | Logo | Navigation Menu
    |Website Name |

    How can I make it look like:

    Unused First Column | Logo + Website Name | Navigation Menu (without a spill Over in the next row)

    OR

    Logo in First Column | Website Name | Navigation Menu

    Desired Outcome: I would like to align it all header items in a single row.

    Is this doable while using a Gazette child theme? If so, could you suggest steps?

    Please help.

    Thank you

    Abhijeet

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter backpackingseries

    (@backpackingseries)

    Sorry.The block-quotes messed up what I wanted to show! Trying again ??

    Current Header Look: Website name appears below the logo

    Unused First Column | Logo | Navigation Menu
    |Website Name |

    How can I make it look like:

    Unused First Column | Logo + Website Name | Navigation Menu (without a spill Over in the next row – like this)

    OR

    Logo in First Column | Website Name | Navigation Menu

    Desired Outcome: I would like to align it all header items in a single row.

    Is this doable while using a Gazette child theme? If so, could you suggest steps?

    Please help.

    Thank you

    Hi Abhijeet,

    I’m not clear on your end goal. If you’re not able to share your site, would you perhaps be able to use the WordPress.com site you’ve set up at backpackingseries.com as an example? I see the logo, site title, and menu all on one line at the top of that site. How are you trying to change this exactly?

    Thread Starter backpackingseries

    (@backpackingseries)

    Hello Siobhan!

    Good to read from you and thanks for taking this up ??

    Perhaps the following imagery might help?

    How it is currently on WordPress.com (logo above site name): https://imgur.com/FFCsqtx
    How I want to align it (logo besides site name): https://imgur.com/XgYW79F

    Kind regards

    The screenshots help out a lot, thank you!

    Can you give the following a try and let me know if it works for your needs?

    .site-logo-link {
        float: left;
    }
    
    .site-title {
        float: left;
        clear: inherit;
        margin-top: 10px;
    }
    Thread Starter backpackingseries

    (@backpackingseries)

    Worked like magic ??

    Thank you Siobhan. Grateful for the support

    Kind regards

    Abhijeet

    Thread Starter backpackingseries

    (@backpackingseries)

    Oops! On the other side, it clashes with the search box and the menu moves a row below the logo. .Is it possible to reduce the size of the search box please?

    Thread Starter backpackingseries

    (@backpackingseries)

    The distortion happens after a user logs in. For a guest, everything looks okay.

    Thread Starter backpackingseries

    (@backpackingseries)

    This is how it looks to:

    1. Guest User: https://imgur.com/mzUzqLT
    2. Logged in User: https://imgur.com/y4WKllg

    Could you please advise how to fix this?

    Thank you

    Abhijeet

    Thread Starter backpackingseries

    (@backpackingseries)

    I guess this issue should be dealt separately and so I have posted a new question – here. Closing this one.

    Thank you

    Thank you for starting a new thread, I’ve replied over there.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to align the Header?’ is closed to new replies.