Hi There,
We moved our header extras (hours of operation and email address) down to the footer area and they are not visible on mobile devices. Could you please let us know what we need to do to make them visible? Please view the URL on your mobile to see what we mean.
Thank you in advance.
Mille
Hello,
Simply replace the d-none d-sm-flex Classes added to the .header-extras Element with just d-flex.
This should work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi There,
It worked perfectly thank you very much, but the email address is not fully visible. Is there a way to make it fully visible?
Thank you in advance.
Regards,
Mille
Hi There,
I am assuming I need to make changes to these CSS <ul class="header-extras d-flex mx-auto mx-md-0 mb-4 mb-md-0">.
Thank you in advance.
Mille
Hello,
Thanks for your Patience!
We are still working on this and will providing you with a Solution within a couple of hours. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
OK thank you.
Hello,
Thanks for your Kind Patience!
Consider using the following code:
<ul class="header-extras row mb-4 mb-md-0">
<li class="col-sm-6 m-0">
<i class="i-plain icon-clock1 m-0"></i>
<div class="he-text fw-normal">
Hours of operation:
<span><a href="" class="fw-medium">Mon - Sun : 9:00 - 22:00 PST</a></span>
</div>
</li>
<li class="col-sm-6 m-0 mt-4 mt-sm-0">
<i class="i-plain icon-line2-envelope m-0"></i>
<div class="he-text fw-normal">
Email Us:
<span><a href="mailto:info@beybui.com" target="_top" class="fw-medium" rel="noopener">info@beybui.com</a></span>
</div>
</li>
</ul>This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi there, it did not work. I decided to go with the simple version that I found on your other theme. I really liked the first one.
Thank you Semicolonweb team.
Best regards,
Mille
Hello,
Apologies for the Inconveniences caused!
We have tested this out code ourselves and it appeared to be working fine for us. It would be great if you can please provide us with a Live URL, so that we can check the exact issues and rectify this for you. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hi there,
Sorry for not being specific. What happened was that it moved the email to another line and it is not aligned. Please take a look at the link provided below.
Thank you in advance.
Mille
Hello,
Consider using the following code for the <li> Tag that includes the Email:
<li class="col-sm-6 m-0 mt-4 mt-sm-0 ps-sm-4" style="padding-left: 0.75rem;">This should definitely work better. Please check the Screenshot attached on how it looks for us. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
It worked. Thank you so much for all your help as always.
Regards,
Mille
Hello,
Very Happy to Help! :)
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard