- This topic has 9 replies, 2 voices, and was last updated 5 years, 9 months ago by Leo.
-
AuthorPosts
-
July 4, 2018 at 11:05 pm #615834Immi
How to set primary navigation length location in center/ reduce length of primary nav size 1 inch or 2 inch from both side right & left. i means primary nav fix in centerd of page layout.
please heplpJuly 5, 2018 at 9:19 am #616302LeoStaffCustomer SupportHi there,
You can set the alignment here:
https://docs.generatepress.com/article/navigation-layout/#navigation-alignmentThen reduce the size of navigation with this CSS:
body .main-navigation.grid-container { max-width: 800px; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
July 5, 2018 at 9:49 am #616343ImmiThank You
July 5, 2018 at 9:57 am #616357LeoStaffCustomer SupportNo problem.
July 8, 2018 at 3:32 am #618437ImmiHi There,
the size which is decrease of navigation that’s background color changed appear body Background Color but i want white white color #ffffff like this screen shot please have a look **
2) i’m using search bar in header which is looking good in desktop device. but not in mobile device
width spread how to reduce width of search bar box in mobile device with search bar button3) I am Using on Right sidebar Image Widget with fb logo link. i want to disable it on mobile device
Thank YouJuly 8, 2018 at 9:55 am #618668LeoStaffCustomer SupportTry this CSS for #1:
.inside-navigation { margin-left: 20px; margin-right: 20px; } .main-navigation { background-color: #fff; } .main-navigation .main-nav li a { background-color: #93b874; }
Any chance you can open new topics for 2 and 3 as they aren’t related this this topic?
Thanks!
July 8, 2018 at 11:35 am #618725Immihi Leo, #1:CSS not working proprly i have also tried change figured of margin-right: 20px; Nothing happened like I want. primary navigation width shrink more from right side but left side is enough i want both equal. like this attached screen capture attached here. **
My site link **Thank You
July 8, 2018 at 2:34 pm #618821LeoStaffCustomer SupportScratch the CSS idea.
Try this PHP snippet instead:
add_action('after_setup_theme','lh_change_nav_position'); function lh_change_nav_position() { remove_action( 'generate_after_header', 'generate_add_navigation_after_header', 5 ); add_action( 'generate_after_header_content', 'generate_add_navigation_after_header', 29 ); }
July 11, 2018 at 9:48 am #621246ImmiHello Leo,
Thank you very much for your help, I really appreciate it. I have another question.
i am Using one widgets in right sidebar. but I want it only for Desktop.,when i switch on mobile device right sidebar widget showing above footer. how Can I hidden widget there.
I tried with this CSS code Below but its not working for me
**
@media (max-width: 768px) {
.widget .sidebar {
display: none;
}
}July 11, 2018 at 10:31 am #621296LeoStaffCustomer SupportNo problem!
I’ve answered the other question in the other topic you opened.
-
AuthorPosts
- You must be logged in to reply to this topic.