Editing Mobile View

  • Unknown's avatar
    emiratesti · Member ·

    Hello,

    I was having trouble editing the mobile view of my site. The menu is cut off (about, services etc.), Logo is zoomed in and the header does not fit correctly. Would it be possible to fix these issues without changing the desktop version of the site?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    emiratesti · Member ·

    https://emiratesti.com/

  • Unknown's avatar
    actuallynoah · Member ·

    Hey there,

    It looks like this site is hosted with GoDaddy. This forum is for sites hosted with wordpress.com. You should get in touch with either GoDaddy support or the WordPress.org forums:

    https://wordpress.org/support/

    You can learn more about the difference here:

    https://wordpress.com/support/com-vs-org/

  • kokkieh · Staff ·

    Hi there,

    The menu is cut off (about, services etc.),

    On mobile menu items that don’t fit on the screen are hidden behind a more-button (the three dots), so you can tap on that to expand additional menu items. Changing that will require modifying the theme’s PHP files, and that’s not something we’re able to help with here.

    Logo is zoomed in and the header does not fit correctly.

    I don’t see any zoom taking place on the logo – the log size remains constant, at 166px high regardless of screen size. But the header area is made smaller on mobile to take up less of the screen. You can use this CSS code to force it taller, so the entire logo is visible:

    @media only screen and (max-width: 767px) {
  header#masthead.site-header {
    height: 240px !important;;
  }
}


    @actuallynoah    ,

    Thanks for trying to help, but directing the OP to the WordPress.org forums is not the best in this case. The general WordPress.org forums only provide support for the core WordPress software. But the mobile view of a site is controlled by the theme, so for issues with or changes to that, you need to contact the theme’s support directly instead.

    The OP is using the Pique theme on their site. Pique’s support forum on WordPress.org can be found at https://wordpress.org/support/theme/pique/, but as that’s one of our themes, we’re also able to provide support for it in this forum.

    Let me know if you have any questions about this.

  • The topic ‘Editing Mobile View’ is closed to new replies.