ICEknigh7 replied
Customer Reply
Thank you, it's fixed now. This can be closed.
Public Ticket #9647
PenNews: Overlapping elements in Topbar depending on browser width
Conversation thread
Penci Design replied
Staff Reply
Hi,
I re-checked on your site. and i add custom css to fix weather and avatar user on topbar,
.penci-topbar .topbar__logout_login .avatar {
margin: 0;
margin-right: 6px;
}@media screen and (max-width: 1018px) and (min-width: 768px){.penci-weather-now { margin-left: 12px; }}Please check it help you.
Best Regards,
PenciDesign
ICEknigh7 replied
Customer Reply
That doesn't fix what I'm talking about.
Perhaps you missed my last post, I was saying that the weather info still has the degrees partly overlapping the icon.
Penci Design replied
Staff Reply
Hi,
It appears that the issue cause by admin bar come from core worpress, not come from pennews theme.
You can check with any theme, will see result like that
If you want hide author on admin bar with small screen, please go to Customize > Addtional CSS then add custom css to do that
@media screen and (max-width: 1000px){
#wpadminbar {
overflow: hidden;
}
}Best Regards,
PenciDesign
ICEknigh7 replied
Customer Reply
I've tried logging in with a non-admin account and the elements to the right don't appear but the weather info still has the degrees partly overlapping the icon.
Penci Design replied
Staff Reply
Hi,
It appears that the issue cause by admin on wordpress.
The issue not come from PenNews theme.
Don't worry about the issue. the issue on you login.
Best Regards,
PenciDesign
ICEknigh7 started the conversation
Conversation Start
When the browser window reaches a certain width and the alternate header design kicks in, some of the elements start overlapping others.
In the attachments you can see the Weather temperature overlapping the Weather icon and also the "Hello, Username" text overlapping the social icons.
Want to join this conversation or access attachments? Sign in first.
