Comments 1ICEknigh7 started the conversationSeptember 30, 2019 at 8:01pmWhen 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. 501Penci repliedOctober 1, 2019 at 1:50pmHi,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 1ICEknigh7 repliedOctober 1, 2019 at 9:24pmI'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. 501Penci repliedOctober 2, 2019 at 3:41pmHi,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 thatIf 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 1ICEknigh7 repliedOctober 2, 2019 at 8:11pmThat 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. 501Penci repliedOctober 3, 2019 at 4:07pmHi,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 1ICEknigh7 repliedOctober 3, 2019 at 7:50pmThank you, it's fixed now. This can be closed. Sign in to reply ...
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.
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
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.
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
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.
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
Thank you, it's fixed now. This can be closed.