How to inline the align logo and navigation horizontally?

[web_editor]

How to inline the logo and navigation horizontally? But the responsive design of the logo and nav will not lose.

Like this..

Here the CSS of nav

CSS of logo

 #masthead .site-branding{ 
    float: left; 
    padding: 15px 0;
    }
    #masthead .site-branding img{
    height: auto !important;
    width: auto !important;
    display: block;
    }

[Paulie_D]

Perhaps you could show us your issue in a Codepen.io demo?

[web_editor]

@Paulie_D Here’s the codepen

I want to inline the navigation next to logo. See the link above of the sample photo (my desired output)

[web_editor]

@Atelierbram absolutely yes, if I apply your suggestion? the responsive for smaller screens will not affect? But I edit the html of logo, right header and nav

Like this

<div class="ak-container">
  <div class="site-branding">existing code</div>
  <div class="right-header clearfix">existing code</div>
  <nav id="site-navigation" class="main-navigation menu-right">existing code</nav>
</div>

And then I apply your suggestion, now the nav is missing. Here’s the codeopen

[web_editor]

@Atelierbram what css line? Under of main-navigation? I edit, but nothings happen. Could you give the codeopen?

[Atelierbram]

@web_editor line 44

[web_editor]

@Atelierbram line 44?

#masthead .right-header{
  float: right;
  padding: 10px 0;

here?

[web_editor]

I see @Atelierbram I delete now the clone top-header. And the nav is now displaying. But the logo is now duplicate. How to remove the extra logo above?

Codeopen

[web_editor]

@Atelierbram i removed now. But how can I freeze or sticky the logo and navigation?

[Paulie_D]

http://meta.stackexchange.com/questions/19665/the-help-vampire-problem

Just saying!

[dizonfarrel]

You can always set the value and assign the attributes you want for your logo in the CSS field, simple needs you time and effort aligning it until you get your desired value to use. In any case, someone here have the same problem and needs some expert help, they can just check this tips at http://eatmywords.com/tips/is-your-name-lame/ for references.

[Shikkediel]

someone here have the same problem

No they don’t, stop spamming.

[Author]

Posts