WordPress.org

Ready to get started?Download WordPress

Forums

Superhero
[resolved] Moving header image (11 posts)

  1. Cypert
    Member
    Posted 5 months ago #

    Hello, I really like the superhero theme but I would like to know if it is possible and how to move the header image to a side, I mean the one that is up from the website tittle.

    Thanks for your time.

  2. Glad you like Superhero! I'm not quite sure what you're trying to do. I see your site here: http://gateofsteiner.net/

    Could you explain in more detail where you'd like to move the header, or possibly show me a mockup or sketch of what you mean?

  3. Cypert
    Member
    Posted 5 months ago #

    I would like something like this

    Sorry for the inconvenience and thanks for your help.

  4. Thanks very much! As the saying goes, a picture is worth a thousand words. :-)

    Adding this custom CSS for screens over 1024px works for me:

    @media only screen
    and (min-width : 1024px) {
    
    .site-title, .site-description {
         float: right;
         width: 360px;
    }
    .site-title {
         margin-top: 40px;
    }
    .site-description {
         margin-top: -40px;
    }
    
    }

    Don't edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You'll then add your custom CSS in the new stylesheet editor that'll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

  5. Cypert
    Member
    Posted 5 months ago #

    WoW It worked perfectly. Thanks a lot.

  6. You're welcome. :-)

  7. Cypert
    Member
    Posted 5 months ago #

    But I founda problem, when you zoom in and then you zoom out this happens.

  8. What do you mean by zooming in and out? I just enlarged and shrunk the text in Firefox and Chrome and don't see any issues.

  9. Cypert
    Member
    Posted 5 months ago #

    Using Ctrl + and Ctrl - if you zoom 200% and then came back to 100% you will see the issue. (I'm using Chrome, I have tested it on Firefox and all worked perfectly)
    Note 1: I have tested it in another computer and it's the same.

  10. I see what you mean in Chrome. I'm not sure how to prevent this. Do you think it's likely that someone is going to do this series of actions for some reason?

    If it's a big concern on your end, you could always include the site title and tagline within your header graphic instead of leaving it as text.

  11. Cypert
    Member
    Posted 5 months ago #

    No, I dont thinks its going to be a problem, sorry for wasting your time and, once again, thank you.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.