problems with the dropdown menu on the mobile version

  • Author
    Posts
  • #2658907

    codigo29
    Member

    Hi
    I have a question about my wordpress visibility in the mobile. In the computer version, on top, I put the logos of social networks as I explained a technician of happiness. But in the mobile version, when you desplegas the main menu, twitter logo appears slightly to the left. How can you fix that? The mobile display mode is activated. When viewed with a computer it is fine, I want it to look like that. The problem is when viewed from a mobile. I can not take it in the version that is on the computer, because then those logos would step the rest of the header … Is there any way to change the mobile version alone?

    Thanks!!

    The blog I need help with is codigo29.com.

    #2659027

    Hi there, the twitter icon has a left margin of 30px, that they other icons do not. To correct the remaining icons, and not have it affect your main full menu, we will use a Media Query to limit the change to 600px and narrower screens, which is when the touch device mobile menu activates.

    @media screen and (max-width: 600px) {
    	.menu-facebook, .menu-instagram, .menu-conocenos {
    		margin-left: 30px !important;
    	}
    }

    #2659028

    codigo29
    Member

    thank you very much! it worked perfectly!

    #2659030

    You are welcome.

The topic ‘problems with the dropdown menu on the mobile version’ is closed to new replies.