Tagged: header, menu, mobile, navigation, responsive, responsiveness
- This topic has 7 replies, 2 voices, and was last updated 7 years, 6 months ago by
tebitron.
-
AuthorPosts
-
February 17, 2017 at 9:02 pm #110121
tebitron
ParticipantHi,
we’d like to move the primary navigation below the header. How should we go about?
– Thanks.
February 18, 2017 at 10:32 am #110155February 20, 2017 at 4:45 pm #110312tebitron
ParticipantFebruary 21, 2017 at 9:28 am #110352Pratik
ParticipantHi @tebitron,
For that, you will need to make modifications via child theme. First, make a child theme. Instructions for that is here: https://catchthemes.com/blog/create-child-theme-wordpress/.
Then add following code in your child theme’s functions.php file.
/** * Function to change header image position */ function fabulous_fluid_change_header_image_pos() { remove_action( 'fabulous_fluid_after_header', 'fabulous_fluid_featured_image_display', 10 ); add_action( 'fabulous_fluid_header', 'fabulous_fluid_featured_image_display', 5 ); } add_action( 'init', 'fabulous_fluid_change_header_image_pos' );
This will make the desired changes. Let me know how it goes.
Regards,
PratikFebruary 22, 2017 at 8:03 pm #110477tebitron
ParticipantHello @pratik,
thanks for your quick response – everything worked out.
Just another question. How can I get the div.wrapper which holds the navigation to react the was the div#content-wrapper.wrapper does when resizing the screen? Basically I’m trying to have navigation and content aligned and fluid.
Thanks.
February 22, 2017 at 10:31 pm #110491tebitron
ParticipantHi @pratik,
while we’re at it… I’d like to place two containers [left and right] in between header and navigation that allow me to place company logo and other linked information there, basically just above the navigation.
Thanks in advance.
February 23, 2017 at 12:00 pm #110533Pratik
ParticipantHi @tebitron,
For first post, use following code:
@media screen and (min-width: 990px) { #site-navigation { margin-left: 0; } #masthead .wrapper { max-width: 1260px; padding: 0 40px; margin: 0 auto; } }
For second post, you need to hire a customizer as this is not solvable via custom css only. You will need to add the contents and style them accordingly.
Regards,
PratikFebruary 23, 2017 at 1:58 pm #110539 -
AuthorPosts
- The topic ‘Navigation below the Header’ is closed to new replies.