Viewing 3 posts - 1 through 3 (of 3 total)
-
Posts
-
A widget was created in the header for a large phone number. I used the css you provided to do that and it worked perfectly. But when the page is brought up on mobile phone, the number gets cut off and overlaps the logo.
Can you tell me what css to use to move the widget out of the way of the logo on the mobile phone? Maybe place it above the logo?
Thank you!
Hey Wendy,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
margin-top: 35px;
}#header .textwidget {
margin-top: -40px;
}
}Best regards,
Jordan
Viewing 3 posts - 1 through 3 (of 3 total)
- The topic ‘Header widget overlaps logo on mobile phone.’ is closed to new replies.