-
-
How can I make the Top Nav bar display the social icons on mobile and be centered?
The site I am working on is: https://www.dehartplumbing.com/
-
-
Hello,
The mobile screen width is limited and that is why by default the top header is not displayed when the page reaches t=mobile width size. If you must have it then you will have to add some custom css.
Add this code into your Custom Css box (in General Options):@media (max-width: 767px){ .top_nav { display: block; width: 73% !important; }}
Result screenshot: https://pho.to/AcOac
Let us know.Best regards!
-
-
Hello,
Please try editing the max width:
@media (max-width: 767px)
to@media (max-width: 480px)
Let us know.Best regards!
-
I added the CSS and it didn’t work. Is there another place I need to change:
<code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; background: #f9f9f9; display: inline-block; padding: 0px 5px; line-height: 25px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: -3px; color: #4b4d4d;”>@media (max-width: 767px)<span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”> to </span><code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; background: #f9f9f9; display: inline-block; padding: 0px 5px; line-height: 25px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: -3px; color: #4b4d4d;”>@media (max-width: 480px)
?
-
-
Hello,
Can you please check the credentials again? I am not able to login. See screenshot.
Best regards!
-
-
Hello,
You had errors in your css code. I fixed them and added
!important
to the code i gave you. Please check your site. The socials do show up in mobile and tablet.
Let us know.Best regards!
-
-
Hello,
I edited the code back. Please check your site. It’s showing like you wanted it now.
Best regards!
-
Hi,
It looks like it is fixed and displaying correctly. Thank you so much for the help! We really do appreciate it.
-
You must be logged in to reply to this topic.