- This topic has 7 replies, 3 voices, and was last updated 1 year, 6 months ago by
David.
-
AuthorPosts
-
August 18, 2019 at 11:20 pm #987592
Santa
Hello!
My secondary navigation can’t be seen anymore. I have added CSS that hides text in mobile, but it was working fine before. Now I can’t see both the text and the phone nr. How to fix it?Thank you!
August 19, 2019 at 5:49 am #987782David
StaffCustomer SupportHi there,
so you have the navigation set in the Top Bar?
Can you check that the top bar still contains the Nav widget and that the correct menu is assigned to it.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 19, 2019 at 7:10 am #987841Santa
Hi!
Thank you for your answer! I checked that the menu items are in the secondary menu and they weren’t assigned to it, however, when on mobile I don’t want them to show as Menu, previously when on mobile I was able to hide the Serving… text and show only phone nr. on top of the menu and logo. How to achieve this?Thank you!
August 19, 2019 at 10:03 am #988133Leo
StaffCustomer SupportIs this what you are looking for?
https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 19, 2019 at 11:25 pm #988519Santa
Hello Leo! Thank you for your answer! For some reason, it is not hiding the text. I would like to show only the phone nr. in mobile. Would it be possible to also center the phone nr. in mobile?
August 20, 2019 at 8:33 am #989008Leo
StaffCustomer SupportTry this CSS:
@media (max-width: 768px) { .secondary-navigation .main-nav ul li.menu-item-2824 a { display: none; } .sf-menu>li.menu-item-float-right { float: none !important; } .secondary-navigation { text-align: center !important; } }
Make sure to remove this CSS you’ve already added:
@media (max-width: 768px) { .secondary-navigation { text-align: right!important; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 20, 2019 at 11:08 pm #989380Santa
Thank you so much! It is working. One more thing- is it possible to add phone icon in fron t of the phone nr.? How to do it?
Thank you!
August 21, 2019 at 8:14 am #989832David
StaffCustomer SupportHi there,
i see you added an FA icon to the Label. Try this one instead:
<i class="fa fa-phone" aria-hidden="true"></i>
You have the 4.7 library loaded – use this site to find your icons:
https://fontawesome.com/v4.7.0/icon/phone
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.