- This topic has 12 replies, 3 voices, and was last updated 3 years, 3 months ago by Ying.
-
AuthorPosts
-
December 15, 2020 at 2:44 pm #1582109Marcin
Hi! I’ve bought generatepress pro and I cannot achieve something like this. I want to have menu with footer on the left like here https://bmakary.com/pl and on mobile I would like to have it standard hamburger menu. Maybe I could get some help? I want menu items to be aligned left on desktop.
December 15, 2020 at 4:39 pm #1582202YingStaffCustomer SupportHello Marcin,
If this is a fresh install, you can consider importing the “Sider” template in our site library.
https://docs.generatepress.com/article/using-the-site-library/
https://gpsites.co/sider/If you already have existing content and just want to replicate the header layout, then this article shows you how to do it.
https://docs.generatepress.com/article/header-examples/#example-7Let me know if you need further assistance ๐
December 16, 2020 at 2:35 am #1582614MarcinHey! I’ve managed to import the sider template and it’s almost what I want. The only thing I can’t figure out is I tried to make the space between menu items and the the social widget bigger and relative to the device with
.nav-float-right .header-widget {padding-top: 30vh;
}
but it stays fixed someway. I believe it should change when the screen height gets smallerDecember 16, 2020 at 3:55 am #1582701DavidStaffCustomer SupportHi there,
try adding this CSS:
@media(min-width: 769px) { .inside-header { height: 100%; } .header-widget { margin-top: auto; } }
December 16, 2020 at 11:29 am #1583410MarcinOkay one last question ๐ This is what I did
https://wijowska.pl/o-mnie/
How can I move the content to be close to the left sidebar like here?
https://bmakary.com/pl/bio-2/I can’t make content any broader. The slider stops making changes around 900 px
December 17, 2020 at 2:23 am #1584043DavidStaffCustomer SupportIn Customizer > Additional CSS – look for this rule:
.no-sidebar:not(.archive):not(.blog) .inside-article > *, .no-sidebar:not(.archive):not(.blog) #comments, .no-sidebar:not(.archive):not(.blog) .paging-navigation { max-width: 700px; margin-left: auto; margin-right: auto; }
Increasing the max width will make the main content occupy more of the screen space.
December 18, 2020 at 2:32 am #1585526MarcinThanks so much!
December 18, 2020 at 3:46 am #1585612DavidStaffCustomer SupportYou’re welcome
December 18, 2020 at 3:49 am #1585616MarcinI’ve stumbled across one more problem.
https://wijowska.pl/when I reveal the submenu item the whole menu acts as a submenu and moves to the left . Shouldn’t just the “test” submenu item be on the left and the rest menu items stay in place?
December 18, 2020 at 6:30 am #1585824DavidStaffCustomer SupportDid you resolve the issue ? I am not seeing any movement when i click the submenu ?
December 18, 2020 at 8:33 am #1586150Marcinplease check again
December 18, 2020 at 8:46 am #1586163Marcinalso the social widget and copyright text is not visible on mobile navigation bar
December 18, 2020 at 11:46 am #1586364YingStaffCustomer SupportCan you try to increase the menu item width a bit to see if that fixes the issue.
https://docs.generatepress.com/article/menu-item-height-width/For the social icon and copyright text issue, please open a new topic.
Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.