Archived topic
Keep right menu aligned on tablet and small laptop
7 replies · Started by Edwin on March 30, 2017
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
Hi there,
Are you able to provide a link to that site?
Thanks!
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;
}
}
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/
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.
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?
Which page header image? Each page and post has the ability to have their own page headers.
Let me know :)