Topic Resolution: Resolved
  • Closed
  • Christopher Betts
    Spectator
    13.10.2015 at 18:55 #21393

    I have just started to build a new website using Evolve+ and discovered that the front page header is not formatting correctly when viewed on small screens. Before I started this site I built demo site on using my sandbox on my laptop using the free version of Evolve and this worked OK in late July when I demonstrated it. However, even the sandbox version is not working now and the only changes have been the update to WordPress 4.3.1 together with subsequent updates to Evolve and the plugins. The URL of my new site is:
    http://sankeyvalleymethodists.org.uk/new/

    I would appreciate any advice.

    ChrisB

    Denzel Chia
    Moderator
    Posts: 2656
    14.10.2015 at 11:27 #21405

    Hi,

    Please use the following in your Theme Options -> Custom CSS

    @media screen and (max-width: 768px) {
    .header {
    height:300px !important;
    }
    }

    You need to clear your mobile browser history before revisiting site.

    Thanks!

    Christopher Betts
    Spectator
    Posts: 5
    14.10.2015 at 19:51 #21418

    Thank you Denzel, your fix has worked perfectly. I have noticed that there is also an issue with the formatting of the Bootstrap Slider not formatting properly on smart phone screens, but I will have a go myself at trying to sort that out myself and raise another support request if I fail. Otherwise this can be closed.

    Thank you again!
    ChrisB