Tablets and Mobile

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #11933
    Seb Ipsebipenvato
    Member

    Hi,

    Our site’s header (with an image inserted) does not behave well when an iPad or iPhone is used. Is there any adjustment I can use to address that?

    http://www.morecambehigh.com

    Thanks,

    Seb

    #11954
    VeenaVeena
    Moderator

    Pls include the below custom CSS in themeoptions –

    #primary-menu {
    margin-right: 0;
    }
    @media only screen and (max-width: 1100px)
    {
    #site-logo a span {
    font-size: 80%;
    padding-left: 60px;
    }}
    @media only screen and (max-width: 1100px)
    {
    primary-menu {
    display: none;
    }}
    @media only screen and (max-width: 1100px)
    {
    #mobile-menu, #mobile-menu-toggle {
    display: block;
    }}
    

    Kindly adjust left padding accordingly.

    #11955
    Seb Ipsebipenvato
    Member

    Hi,

    Thanks, that worked great. Additional question –

    The large size of the Revolution Slider on my site means visitors do not tend to scroll down. What’s the best way of reducing the size pf the slide so people can see there is more content under the slider?

    Seb

    #11974
    VeenaVeena
    Moderator

    Pls go to Revolution slider>settings and set the required grid height under “Grid settings” option.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.