Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 10, 2014 at 1:48 am #276776
    web4smallbusiness

    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

    June 10, 2014 at 3:39 am #276806
    docperi

    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 10 years, 5 months ago by docperi.
    June 10, 2014 at 4:19 am #276823
    web4smallbusiness

    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

    June 10, 2014 at 5:09 am #276834
    docperi

    Your’e welcome :-)

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile website problem’ is closed to new replies.