Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 1, 2015 at 3:19 pm #496433
    codecreative

    http://217.199.187.198/beachhousetwo.co.uk/

    Hi, on this mobile version of this site, the header menu is way too large and the image is too small. on the desktop site the menu is down the side, could this be the reason for the conflict? is there any css to re-size the header? Thanks.

    September 1, 2015 at 4:41 pm #496515
    Elliott

    Hi codecreative!

    Your page content is not displaying responsively for some reason. Send us a WordPress login so we can take a closer look.

    Best regards,
    Elliott

    September 1, 2015 at 4:50 pm #496531
    codecreative

    Hi Elliott, we’ve been working on responsiveness and mobile optimization and fixed the majority of issues like images and positioning of content. The only issue left that we know off is the header area with logo and drop down list icon. Thanks.

    September 2, 2015 at 1:25 pm #497060
    Andy

    Hi!

    you can resize header for mobile using this code in Quick CSS field:

    @media only screen and (max-width: 736px) {
div#header_main {
height: 100px;
}}

    Regards,
    Andy

    September 2, 2015 at 3:03 pm #497161
    codecreative

    Hi Andy, this helped reduce the header size but didn’t move the drop down menu icon higher up. This code worked for anyone else having the same problem :)

    @media only screen and (max-width: 736px) {
    div#header_main {
    height: 80px;}
    #advanced_menu_toggle {margin-top: -53px;}
    }

    September 3, 2015 at 12:40 pm #497583
    Andy

    Hi!

    glad you could fix it and thanks for sharing! Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header Menu Bar’ is closed to new replies.