Question posted in
The full documentation can be found here.

Divi theme – position menu header with css (divi wordpress theme)

i m trying positon my menu header to the left, and i success moving my menu header to the left. But when i saw in mobile, my mobile menu gone missing, please help.
this my code to move menu to the left:

#main-header .container.clearfix.et_menu_container{
margin-left: -400px;}
Tags:

2

Answers


  1. 0

    use percentage value like

    margin-left: 10%;//write your right percentage

    it will appear well on all screen sizes

    Login or Signup to reply.
  2. 0

    To remove the margin-left in mobile, simply add a code like this in your CSS file.

    @media screen and (max-width: 480px) {
   #main-header .container.clearfix.et_menu_container{
margin-left: initial;}
}

    The min-width tells when CSS to use the rules below. In this case, it is when the screen has a maximum of 480 pixels wide. You may have to adjust this settings to get the right look.

    The initial reverts back to the default value. If it doesn’t work, then you have to go through the theme css and see what it was set to.

    This script should tell your theme to revert back to the theme default if it is in a mobile (small screen).

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search