Hello, Wondering if someone is able to help me. I am trying to place the phone number at top of page from the desktop version to the same line as the menu on the mobile version. On mobile version the phone number would appear top of screen and left of menu. I have attached a screenshot of the current mobile version site can been seen at http://103.208.218.106/~caca2831 Thanks in adavance.
Hi
It looks like you already customized this header block, could you share the super admin account so I can take a look?
Hi Saguaros, I see you sorted my issue. Thank you very much, I greatly appreciate your work. Could you please tell me how you moved the Top Phone Number module under header-1?
I just configured the layout for mobile only and added this custom CSS to center the phone number:
@media (max-width: 576px){ .t4-header .top-phone-number { text-align: center; } }
Kindly check.
Thank you for your reply. How do I place the phone number on the same row as the off canvas menu on mobile?
Oops! yesterday, I made it in same row but you wanted to show it under the off-canvas 🙂
Sorry for the confusion. I would like the phone number on the same row as the of canvas menu. I was also asking how you placed the module top phone number under the header-1 module in the template layout see attached image.
You can access Template settings >> Layout settings >> configure Header section >> Responsive tab and edit the layout as you wish for each screen size.
Awesome thanks, Its great to learn something, I appreciate it.
redback You're welcome 😉
