- This topic has 5 replies, 2 voices, and was last updated 5 years, 6 months ago by
.
Hi,
I’ve a display issue on mobile version of my header. Please have a look on the screenshot.
Hi @bhertaux,
I hope you are well today and thank you for your question.
Do you mean the mobile menu icon is not displaying inline with the logo and cart icon?
Also, could you please share your site URL where it’s happening so that I can troubleshoot it?
Best regards,
Shufflehound teamYes it’s my problem. Please find the URL :
escape-game-pour-apprendre.fr
This seems happening because of the custom CSS code you have added on your website using the Yellow Pencil Editor.
To confirm it, could you please try temporarily deactivating the Yellow Pencil Editor plugin and see whether the issue gets resolved?
Done but it doesn’t change anything.
I also need to know how I can change the color of the text in top bar header (mail).
Thanks
You can resolve the mobile header icon issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 550px){ #page-container .sh-header-mobile .container { max-width: 90% !important; } header.primary-mobile .sh-table-cell.sh-group { width: 200px !important; } }I also need to know how I can change the color of the text in top bar header (mail).
You can change it from the theme settings as shown in the attached screenshots.
