Tablets and Mobile

[sebipenvato]

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

[Veena]

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.

[sebipenvato]

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

[Veena]

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

[Author]

Posts