Title: Responsive menu
Last modified: May 6, 2020

---

# Responsive menu

 *  [milumir](https://wordpress.org/support/users/milumir/)
 * (@milumir)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/responsive-menu-35/)
 * Hello! Thanks for the great theme!
    I have one issue with menu bar. It’s always
   stick to left side of screen. On large monitors it looks perfect, but on phone
   screens this bar is bold and bothering. How can I move menu on the top of screen
   on small devices? I’ve no idea now
    -  This topic was modified 6 years, 1 month ago by [milumir](https://wordpress.org/support/users/milumir/).

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Theme Author [theme404](https://wordpress.org/support/users/theme404/)
 * (@theme404)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/responsive-menu-35/#post-12797053)
 * Hello [@milumir](https://wordpress.org/support/users/milumir/)
    Go to Appearance
   > Customize > Additional Css and add following css
 *     ```
       @media only screen and (max-width: 768px){
       	.hgroup-wrap{
       		width:100%;
       		height: 80px;
       	}
       	.search-toggle,.nav-button{
       		width: 80px;
           	height: 80px;
       	}
       	.nav-button {
       		right: 0;
       		left: auto;
       		width: 80px;
       		height: 80px;
       	}
       	#myfullpage, .site-footer {
       		padding-left: 0 !important;
       	}
       	.logged-in .hgroup-wrap{
       		top:46px;
       	}
       	.site-header .hgroup-wrap + .navbar.menu-expand {
       		right: -moz-calc(100% - 0px);
       		right: -webkit-calc(100% - 0px);
       		right: calc(100% - 0px);
       	}
       	.site-branding {
       		top: 80px;
       		z-index: 9;
       	}
       }
       @media only screen and (max-width: 479px){
       	.site-branding {
       		-moz-transform: translateX(-50%);
       		-webkit-transform: translateX(-50%);
       		transform: translateX(-50%);
       	}
       } 
       ```
   
 *  Thread Starter [milumir](https://wordpress.org/support/users/milumir/)
 * (@milumir)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/responsive-menu-35/#post-12798880)
 * Thanks!! It works! 🙂
    There are some problems with z-index (some elements of
   page scroll up above the menu bar), social menu (it has still vertical alignment),
   and homepage image (it has 0px absolute alignment, and top part of it is under
   menu bar), but I will fix it by myself.
    -  This reply was modified 6 years, 1 month ago by [milumir](https://wordpress.org/support/users/milumir/).
    -  This reply was modified 6 years, 1 month ago by [milumir](https://wordpress.org/support/users/milumir/).
 *  Theme Author [theme404](https://wordpress.org/support/users/theme404/)
 * (@theme404)
 * [6 years ago](https://wordpress.org/support/topic/responsive-menu-35/#post-12814418)
 * Hello [@milumir](https://wordpress.org/support/users/milumir/)
    Thank you for
   getting back to us. We hope everything proper with you.
 * Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Responsive menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/career-portfolio/2.0.0/screenshot.
   png)
 * Career Portfolio
 * [Support Threads](https://wordpress.org/support/theme/career-portfolio/)
 * [Active Topics](https://wordpress.org/support/theme/career-portfolio/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/career-portfolio/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/career-portfolio/reviews/)

## Tags

 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 3 replies
 * 2 participants
 * Last reply from: [theme404](https://wordpress.org/support/users/theme404/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/responsive-menu-35/#post-12814418)
 * Status: not resolved