Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #276776

    I have created a website for a client using the Enfold theme, but unfortunately, on mobile devices the menu button is displayed over the header, covering the phone number. The client has done screen shots of various mobile phones and this seems to appear on most of them. Please see the page below:

    http://27.121.64.167/~gfskrdrb/mobile-layouts/

    Is there any code that I can add to the quick CSS, which would place the menu on mobile devices below the header?

    Thank you for your help.

    Cheers
    Ivana

    #276806

    Try this. Perhaps it helps …

    @media only screen and (max-width: 767px) {
    .responsive .mobile_slide_out .logo {
    	display: block;
    	position: relative;
    	margin: 0 auto;
    	margin-bottom: 80px;
    	}
    
    #advanced_menu_toggle, #advanced_menu_hide {
    	display: block;
    	position: absolute;
    	right: 40%;
    	top: 120px;
    	}
    }
    • This reply was modified 1 month, 1 week ago by  docperi.
    #276823

    Awesome! Thanks docperi. That seems to have worked on my iPhone. I will get the client to check it on other phones as well.

    Greatly appreciate your help.

    Cheers
    Ivana

    #276834

    Your’e welcome :-)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mobile website problem’ is closed to new replies.