Logo on a par with the menu

Posted in: Newspaper
Post count: 3

Hello,

How can I lower logo on my blog?

I want to make effect like this image (quick paint :D)

I want to make it on same position with menu.

Post count: 20688

Hi,

Maybe something like this – https://www.screencast.com/t/PKq1GBzJmpV8
Enter the code in Theme panel->Advanced CSS in the desktop section, so it will not affect other devices (this may not look well on smaller devices). You can make modifications to the value in the code if needed.

.td-header-style-8 .td-header-sp-logo {
top: 40px;
}

Thanks

Post count: 3

Yea, but when someone is looking at website on smaller window, logo is shifted.

Photos: https://cloud.shinsec.pl/s/qgAt3I826El49F0

Post count: 20688

Desktop is considered above 1141px – https://www.screencast.com/t/FSH8e92msJLA
So for screen widths higher the that, it will look properly
https://www.screencast.com/t/dWhszweJS8pD
As the screen size decreases (considered tablet size), a different code would be needed to display properly, like this
https://www.screencast.com/t/5FcH1pYKYuUl
Enter the previous code as mentioned, in the desktop CSS section. Enter this one in both tablet widths
https://www.screencast.com/t/9sHPlX8qhn

.td-header-style-8 .td-header-sp-logo {
top: 20px;
}

Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.