Hello Sirs,
When I am a guest on mobile, the menu links alignment is fine, but when I log on, the alignment changes…as you can see in the screenshots.
Bad alignment: https://prnt.sc/mx3fm6
Good alignment: https://prnt.sc/mx3fzc
url: https://zoomit.gr/wordpress_2/
I am looking forward to your news.
Best regards,
Nick
Hey Nick,
I checked it and it’s not aligned properly.
Can you try adding this css code in Quick CSS:
@media only screen and (max-width:479px) {
.responsive #header .sub_menu {
padding-left: 0;
}
.responsive #header_meta .sub_menu>ul>li {
position: static !important;
}
#top #header_meta .phone-info {
left: 0 !important;
transform: translate(0) !important;
}
}
Best regards,
Nikko
Hi Nikko,
Thank you for your quick reply and your great support!
I have already added your css code.
But…my issue is:
When I log on I see the following alignment: https://prnt.sc/mz9m7h
.phone-info-top is good aligned but not .mail-info-top element
When I am logged on, I have the opposite result, which means:
.mail-info-top element is good aligned but not .phone-info-top element.
Look at the screenshot: https://prnt.sc/mz9lz1
How can I control these two elements separately, when I am logged on or when I am as a guest user?
Thank you in advance for your help
Best regards,
Nick
Hi Nick,
There’s this class logged-in in the body which you can use.
For example you can use this code for not logged in:
#top #header .phone-info-top {
}
then below it, add this code:
#top.logged-in #header .phone-info-top {
}
Hope this helps.
Best regards,
Nikko
Hey Nikko,
That’s what I need!!
Thank you so much!!
You can close this ticket!
Best regards,
Nick
Hi Nick,
Glad that we could help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko