Moving Site Logo to the Left

  • I do not have experience in creating a website and this is my first one so please bear with me.

    My site logo is above my header.

    I am trying to move my site logo to the left of a “centered” header from a pre-selected them called “Go” on WordPress but I can’t seem to figure this out. Every time I watch a youtube tutorial and add “padding-left” pixels, it moves the site logo to the right (perhaps because my site logo position’s default is fixed in the center?)

    Please help. Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Please share website link?

    Thread Starter robertoguerra12

    (@robertoguerra12)

    I haven’t published my website as I don’t want people to see this yet.

    Is there a way for you to help me without providing you a website link?

    My current website looks like this:

    Site Logo

    Primary Header

    Secondary Header

    I want it to look like this:

    Site Logo Primary Header

    Secondary Header

    I appreciate your assistance Muhammad.

    Moderator bcworkz

    (@bcworkz)

    If we at least knew what theme you use AND it’s available as open source, someone might be able to make a reasonable suggestion. But since there can be variability even with the same theme, we really need a live representation of your site’s header area. Since you don’t wish to publish an unfinished site, you could replicate your header area in a WP try out site like tastewp.com. Beyond the header the content doesn’t matter. But we do need your header to be accurately represented.

    Thread Starter robertoguerra12

    (@robertoguerra12)

    Hi and thank you for your response.

    My theme is called “Go” and it’s free on WordPress.

    Any help would be appreciated.

    Thank you so much.

    Moderator bcworkz

    (@bcworkz)

    Now I see you already told us which theme you use in your OP. Apologies for my lack of perception.

    I’m not sure which header layout you chose. The layout uses the CSS flex box model. The container is probably set to display as a column direction. It should be row direction to get side by side elements. Something like this added to the Additional CSS section of the customizer:

    .has-header-4 .header .header__titles {
    flex-direction: row;
}

    You probably will want some padding added to the individual elements. Your browser’s element inspector tool will be a huge asset in helping you develop appropriate CSS to get exactly the layout you desire.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Moving Site Logo to the Left’ is closed to new replies.