-
AuthorPosts
-
July 27, 2023 at 12:00 am #1414588
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
July 27, 2023 at 7:15 am #1414607Hi 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,
NikkoJuly 27, 2023 at 4:01 pm #1414689Hello 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.
July 28, 2023 at 6:46 am #1414729Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
