- This topic has 11 replies, 3 voices, and was last updated 4 months ago by
David.
-
AuthorPosts
-
September 23, 2020 at 7:13 am #1455323
Randy
Can I do this by my self,
From this
To like this
I wannta disable breakpoint, and make it possible to swipe right and left
September 23, 2020 at 7:24 am #1455339David
StaffCustomer SupportHi there,
this article explains how to keep the horizontal secondary Nav.
https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/
Once in place share a link to your site and ill look at some CSS for making it ‘swipeable’ on mobile
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 23, 2020 at 7:45 am #1455365Randy
Wow its work.. but I need your help.. can I make it horizontal not stacked up.
I have attach my blog. Please check it out..
September 23, 2020 at 7:49 am #1455522David
StaffCustomer SupportI cannot see the Secondary nav on the URL you supplied ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 23, 2020 at 7:51 am #1455525Randy
Please try on mobile version. I use this for only display on mobile
@media (min-width: 768px) {
.secondary-navigation {
display: none;
}
}September 23, 2020 at 8:02 am #1455541Leo
StaffCustomer SupportLooks like you have too many items in the secondary navigation for them to stay in one line:
https://www.screencast.com/t/g5Qg9X3yzDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 23, 2020 at 8:05 am #1455550Randy
Thanks leo, I purposely did it for the testing. Is it stay on one line or not.
September 23, 2020 at 8:10 am #1455558Leo
StaffCustomer SupportIt’s not. Here is the result on iPhone X using the Chrome mobile simulator to test
https://www.screencast.com/t/3wWPyvoJ3MDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 23, 2020 at 8:13 am #1455569Randy
Would you help me, make it one line and swipe able like david said?
I have attached my login.
September 23, 2020 at 8:27 am #1455592David
StaffCustomer SupportReplace the CSS with this:
@media (max-width: 768px) { .secondary-navigation { text-align: center !important; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; } .secondary-navigation ul { display: flex; } .secondary-navigation .sf-menu>li { flex: 1 0 120px; scroll-snap-align: center; } } .secondary-navigation .menu-toggle { display: none; }
You can adjust the Menu Item Width in Customizer > Layout > Secondary Nav.
And in the above CSS this line:
flex: 1 0 120px;
sets the min width of each item.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 23, 2020 at 8:35 am #1455602Randy
Thank very very much david. It Works….
I love Generatepress team, this is the reason I dont interested on other theme..
Thanks..
September 23, 2020 at 8:53 am #1455638David
StaffCustomer SupportYou’re welcome
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.