Questions Regarding Formatting Mobile Version of Site

  • I’m currently using the Sydney Theme for our site, and am having a couple issues with the mobile version.

    It appears that the theme is meant to be in Landscape (which is perfectly fine) as when you hold your phone vertically, images are cut off, and the drop down menu on the homepage can only be used when the phone is held upright.

    On all of the other pages, there is a white space between the Headline and the content. The issue with this is that the drop down menu is in that white space, and it is not able to be seen.

    How would we go about fixing the drop down on the home page to be usable when held sideways, and how do we get rid of the white space on all the other pages?

    The site is: https://www.wolvinc.com

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello @tyshanklin,

    I will be glad to help you, but can you please provide some explanatory screenshots?

    You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

    Kind Regards, Roman.

    Thread Starter tyshanklin

    (@tyshanklin)

    Hi Roman,

    The first image shows how the images are cut off when the phone is held vertically.

    https://www.wolvinc.com/wp-content/uploads/2016/09/IMG_4229.jpg

    This second image shows the drop down menu on the home page. The reason I bring up this image is because when the phone is held horizontally (as this theme seems to be made to be held) the drop down menu doesn’t work… But this is only on the Home page.

    https://www.wolvinc.com/wp-content/uploads/2016/09/IMG_4230.jpg

    The final image shows the top bar, below that is a white bar, followed by another black bar. The white space is not wanted, and this is an issue as the Drop Down Menu icon is located in it. Being that the icon is also white, it cannot be seen.

    https://www.wolvinc.com/wp-content/uploads/2016/09/IMG_4231.jpg

    Hope this helps, and let me know if you have any more questions,

    Tyler

    Hello Tyler, thank you for the screenshots.

    1. This is normal behavior of default header slider.

    2. I don’t see any issues with mobile menu on your home page. Can you please provide more details?

    3. Looks like you have the following custom CSS rule. Can you please try to avoid using negative values (at least for margin-top)?

    .page-wrap {
    margin-top: -70px;
    margin-bottom: -105px;
}

    Kind Regards, Roman.

    Thread Starter tyshanklin

    (@tyshanklin)

    Hello Roman,

    Thank you again for the help!

    1. Good to know.

    2. What’s going on here is that when the phone is held horizontally (sideways), and you click on the drop down menu – nothing happens. The drop down menu will only ‘drop down’ when the phone is held vertically (upright). I’m simply wanting to know if there is a way to fix this.

    3. The difficulties with this is that if I delete the .page-wrap CSS (or even change it to “0” instead of using the negative values), I am left with a white space at the top and bottom of the page (as shown in the screenshot below).

    https://www.wolvinc.com/wp-content/uploads/2016/09/IMG_4244.jpg

    Thanks again,
    Tyler

    Hello Tyler,

    2. I still don’t see any issues on different low resolutions. Which browser you are using?

    3. Looks like you have already resolved this issue, can you please confirm that?

    Kind Regards, Roman.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Questions Regarding Formatting Mobile Version of Site’ is closed to new replies.

Tags