How can I put header-image and menu navigation in same row?

  • Unknown's avatar
    narek8 · Member ·

    Hi friends,

    I am trying to customize a theme but not finding it possible to manipulate the DOM/HTML. The theme has the header-image in a fixed-width row, and the menu navigation in another fixed-width row below that.

    Since we are using wordpress.com (first time for me), I can’t find any method to modify the html templates.

    Does anyone know an easy solution to this?

    Thank you kindly,
    N.

    The blog I need help with is: (visible only to logged in users)

  • staff-totoro · Staff ·

    Hi there,

    Since we are using wordpress.com (first time for me), I can’t find any method to modify the html templates.

    While it is possible to modify source code (including theme PHP files) with a self-hosted WordPress (also called “.org”) site, that is not something you can access on WordPress.com.

    You did not mention what you were trying to accomplish, but it may be possible using CSS, which you can edit if you have WordPress.com Premium (which includes custom design tools) active on your site.

    Can you tell me a little more about what you are trying to modify on your site?

    Thanks for the additional info!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @narek8, firstly, you are not allowed to hide the WordPress.com and theme footer credits per our Terms of Service (#11). Even the VIP sites here at WordPress.com (CNN, Time, etc.) are required to keep the footer credits. See the Frequently Asked Questions on the Custom Design support page for more information.

    You are allowed to restyle the footer credits to better fit with your design as long as they remain readable. If you need help restyling or adding to the existing footer credits, we’d be more than happy to help with that.

    Can you please remove the following from your CSS to restore the footer credits? Thanks in advance.

    I notice that your logo is hidden by the admin bar at the top of your site. What we can do is use the logged-in body CSS class and add a couple top delarations margin equal to the width of the admin bar. By using the logged-in CSS body class, we can limit the change to only logged in users. Add the following to see how that looks. 

    .logged-in #header {
    top: 30px;
}
.logged-in #menu-under-header {
    top: 110px;
}

    On the menu, the social icons are in the same parent div as the menu, so moving the menu to the right very difficult and it will end up losing its position relationship to everything else on the page. I’ve tried a number of things, but due to the way the HTML and CSS are structured in Standard, I can’t find a way to do this cleanly and have it work on all browser window widths (down to the point the touch menu activates).

  • Unknown's avatar
    thesacredpath · Member ·

    Sorry for the duplication on things covered by staff-totoro. I should have refreshed before posting.

  • The topic ‘How can I put header-image and menu navigation in same row?’ is closed to new replies.