[Resolved] Keep right menu aligned on tablet and small laptop

[Edwin]

Hi

How to keep the right menu(float right) aligned with the logo on small laptop and tablet?

See image http://visualdevelopment.com.au/fairycoolparties/wp-content/uploads/2017/03/right-menu.jpg

Thanks

Edwin

[Leo]

Hi there,

Are you able to provide a link to that site?

Thanks!

[Edwin]

http://visualdevelopment.com.au/fairycoolparties/

[Tom]

You would have to use media queries to reduce the width of your logo at certain widths.

For example:

@media (max-width: 1000px) {
    .site-logo img {
        max-width: 300px;
    }
}

[Edwin]

Hi Tom

Already tried that. logo is getting smaller but menu stays the same.

Also i have a issue in the blog with feature image showing on top of the blog.

See link

http://visualdevelopment.com.au/fairycoolparties/index.php/2017/03/31/first-story/

[Tom]

Try adding this CSS as well:

.site-logo {
    float: left;
}

You can change where the featured image on single posts displays in Customize > Layout > Page Header.

[Edwin]

Thank you Tom

That worked.
One more question. Is is there a way to add the page header image also to the single post page?

[Tom]

Which page header image? Each page and post has the ability to have their own page headers.

Let me know 🙂

[Author]

Posts