Tagged: alignment, enfold, header widget, Mobile display
I have added a header widget so that I can add a tagline to my header. A couple of issues:
1. I think it would look better with the tagline on one line, and right aligned but I can’t seem to make that work.
2. It is all messed up on the mobile display. Is there a way to get the tagline to appear centered below the logo on the mobile display?
here is the quick css I added:
#header .widget {
left: 75%;
top: 10%;
right: 0px;
position: absolute;
transform: translate(-50%);
font-family: “Georgia”;
font-style: italic;
color:black;
font-size: 18px
}
Hey amyspearsgavin,
Could you please provide admin info so that we can look into this issue further.
Best regards,
Jordan Shannon
I’m not really sure how to do temporary logins so I just created a new user
Hi,
I couldn’t see widget in the header of your site, or maybe you didn’t add anything to it yet? I wanted to check the backend but the login details didn’t work, could you check and verify please?
Best regards,
Rikard
Thanks Rikard. I removed it for a while, but have added it back now.
oops see new login info here
Hi,
Thanks for that. Please try the following CSS instead of the old one:
#header .widget {
width: 50%;
left: auto;
top: 10%;
right: 0;
position: absolute;
transform: translate(0);
font-family: "Georgia";
font-style: italic;
color: black;
font-size: 16px;
}
Best regards,
Rikard
Hi Rikard,
This was working fine and I noticed this morning that the text in my header widget no longer appears on my site. Can you help me understand what has happened? It must be due to a WP update?
Thanks,
Amy
Hi,
Yes, it could be possibly from the update if you were not using a child theme.
Best regards,
Jordan Shannon