Hello
The website I am working on is https://dwfwellness.com/ on the mobile version the menu and the logo are blending on one line can you please assist me with making these appear on separate lines?
Also I noticed on the mobile version some of the header images are not appearing on the mobile version but appear on my computer. I placed the login credientials below
Hi Maggie,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) {
#header_main .inner-container {
display: flex;
flex-direction: column-reverse;
}
.responsive #top .logo {
width: 100%;
}
.responsive #top .logo img {
margin: 0 auto;
}
.responsive #top #wrap_all .main_menu {
position: static;
}
.responsive #top #wrap_all .main_menu {
position: static;
display: flex;
justify-content: flex-end;
}
}
Hope it helps.
Best regards,
Nikko
Hello Nikko
Thank you so much for your code it helped with the overlapping issue.
Also I am still having issues with images not showing up on the mobile version header if you can look on these pages the mobile version is not showing up
About page: https://dwfwellness.com/home/about/
Holistic health page: https://dwfwellness.com/home/holistic-wellness-system/
Physical medicine: https://dwfwellness.com/services/physical-medicine/
Medical fitness practice: https://dwfwellness.com/services/personal-training-system/
Only on these pages, the header image does not show what is causing this on mobile.
Hi tiadrop,
I could not follow the issue that you mentioned, I could see the images on my end, can you provide a screenshot on how it looks on your end? maybe I just missed it.
Best regards,
Nikko