Tagged: catch responsive, css, header, html, image, Move, navigation, php, Problem
- This topic has 4 replies, 2 voices, and was last updated 8 years, 6 months ago by
Pratik.
-
AuthorPosts
-
February 20, 2016 at 3:39 pm #85862
Catchemall
MemberMe again, sorry for bothering you so much. ^^
I would like to move the navigation bar under the header image. I used margin-top for that, but something strange happened: now when the WP Editor shows the page like I wanted – with the navigation bar directly underneath the image – it’s displaced when I check the website and hides a part of the header image.
I changed it so that there is some space in the editor, but it appears that the navigation bar is changing it’s position on different screens. So when I thought it was alright on another screen the navigation bar was displaced again.
Do I have to change something else, to make it work?
website: talkingstories.de
February 21, 2016 at 7:37 am #85897Pratik
ParticipantIgnore this reply and view the one below this.
February 21, 2016 at 7:38 am #85898Pratik
ParticipantHi @Catchemail,
If you want the menu under header image, you can do it by using child theme.Since you are already using the child theme, I will skip the part about creating it.
Now add following code in you child theme’s functions.php:
/* * Move primary menu below header image */ function catchresponsive_move_primary_menu() { remove_action( 'catchresponsive_after_header', 'catchresponsive_primary_menu', 20 ); add_action( 'catchresponsive_after_header', 'catchresponsive_primary_menu', 50 ); } add_action( 'init', 'catchresponsive_move_primary_menu' );
Please remove any custom css you have added.
Let me know if this works out or not,
Regards,
PratikFebruary 21, 2016 at 8:17 pm #85911Catchemall
MemberThank you, I will try this!
I changed the margin values to percent, that seems to solve my problem too. 🙂
Regards
February 22, 2016 at 8:36 am #85958Pratik
ParticipantHi @Catchemall,
Margin works but might be disrupted on some devices. Please post in if you have further questions.
Regards,
Pratik -
AuthorPosts
- The topic ‘Move Navigation Bar’ is closed to new replies.