- This topic has 12 replies, 2 voices, and was last updated 1 year, 6 months ago by David.
-
AuthorPosts
-
October 17, 2022 at 2:18 am #2375967Paul
Hi, there
I want this kind of navigation at site footer – https://prnt.sc/PmDNnehVPhUA ( pls check the original link from the private information)
now im using Element → choosing” Block “, then choose Site Footer as Element Type.
then add ” Container”
Please note that The menu of red box 1 will be one line from left to right, it seems like the example i sent
how many ways are there to make this content layout?
I hope to receive 2 ways to do that because I want to try something different ways if possible.
thanks in advance
October 17, 2022 at 3:57 am #2376064DavidStaffCustomer SupportOctober 17, 2022 at 4:04 am #2376077Paulhello, david
now i did that like this screenshot https://prnt.sc/sxwMh4Ld3lF1
October 17, 2022 at 4:25 am #2376101DavidStaffCustomer SupportLooks good 🙂
October 17, 2022 at 4:27 am #2376104Paulhello david
i add Foot menu Navigation to container, it is wrap to two lines,
pls check it the screenshot https://prnt.sc/7BaRjahQvlr7 i WANT the layout from red box 1 the same as menu layout from red box 2
it is possible, if so, then how to do?
October 17, 2022 at 4:31 am #2376109Paulhiello, david
My own method is they’re in two rows, so how do I adjust them to one row https://prnt.sc/EBbMh6MgRpgY
If directly adding the foot navigation menu, they are in one line, but it will show the overlay menu in mobile phone, i want them vertical orentation when use check it in mobile phone,
pls explain, thanks
October 17, 2022 at 4:54 am #2376134DavidStaffCustomer SupportUse the Navigation Block, and then add this CSS to make it stack on Mobile:
@media(min-width: 769px) { .wp-block-navigation__container { flex-direction: column; } }
October 17, 2022 at 5:09 am #2376149Paulhello,
i will use css for Navigation Block.
but, My own method is they’re in two rows, so how do I adjust them to one row https://prnt.sc/EBbMh6MgRpgY
Please give me your help. Thank you
October 17, 2022 at 5:54 am #2376177DavidStaffCustomer SupportEach Container in the Grid will have its Layout > Width. Those are percentage values.
You will need to adjust the widths eg.If you have 9 columns, you can do 100% / 9 = 11%. So to keep all columns on the one line then their average width cannot be greater that 11%
October 17, 2022 at 7:12 am #2376267Paulhello david,
i need to add css to ” Additional CSS” from customize
@media(min-width: 769px) {
.wp-block-navigation__container {
flex-direction: column;
}
}pls check the screenshot https://prnt.sc/iv16KMR75QZF
October 17, 2022 at 7:14 am #2376269DavidStaffCustomer SupportThats correct.
October 17, 2022 at 9:08 pm #2376961PaulThnaks much for your patience and have a great day.
October 18, 2022 at 1:25 am #2377143DavidStaffCustomer SupportYou’re welcome 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.