Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 7, 2015 at 11:01 am #547879
    jimjiber

    I just looked at my clients site on my phone (Sony Xperia Z3 Compact) and noticed that the images in the header all smash into each other. It’s a real mess. I don’t think the client has noticed yet so I was hoping to fix it before they see.

    Portrait

    Landscape

    Obviously they wanted all these extra logos in their header and I don’t really think that is how Enfold is supposed to work. I just wondered if there was any way of using some conditional CSS to hide all the logos apart from the main one (using @media?).

    Thank you.

    December 8, 2015 at 5:10 am #548507
    Rikard

    Hi jimjiber,

    I might have mistyped your URL but it doesn’t load on my end, could you post the correct URL please?

    Regards,
    Rikard

    December 8, 2015 at 11:09 am #548634
    jimjiber

    Sorry – I realised I forgot to post something important!!!

    http://countysupplieslondon.co.uk/

    December 8, 2015 at 1:08 pm #548683
    Yigit

    Hey!

    I believe it would be the best to remove your header widgets on mobile as mobile header does not have enough space to display them correctly. If that is acceptable for you, please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
#header .widget { display: none !important; }}

    Cheers!
    Yigit

    December 8, 2015 at 1:19 pm #548696
    jimjiber

    That is perfect – thank you so much!

    Enfold support is always the best!

    December 8, 2015 at 1:23 pm #548701
    Yigit

    Hey!

    You are welcome, glad we could help :)
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header becomes a mess when viewed on phone’ is closed to new replies.