Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 8, 2014 at 2:40 pm #332426
    500Webmaster

    Hi,

    Our logo is aligned to the top left hand side of our page and our number/company details on the top right, but when viewed on a mobile device, or specifically a smartphone, those two elements clash and display over one another.

    I’ve provided a link to our website as well as an example under Private Content so you can see what I’m talking about. I think Yigit still has login details, otherwise I can resend it – in case you want to see if there’s a Quick CSS code or something that’s causing the clash?

    Best

    October 9, 2014 at 1:52 pm #333202
    Yigit

    Hey 500Webmaster!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
div.phone-info { top: 0; }}

    Best regards,
    Yigit

    October 11, 2014 at 6:10 pm #334357
    500Webmaster
    This reply has been marked as private.
    October 13, 2014 at 7:29 am #334670
    Ismael

    Hey!

    Thank you for using Enfold.

    Please add Yigit’s code at the very bottom of the Quick CSS:

    @media only screen and (max-width: 768px) {
div.phone-info {
position: relative;
top: 0;
right: 0;
}
}

    Cheers!
    Ismael

    October 17, 2014 at 4:47 pm #337435
    500Webmaster

    Hi, sorry – did this, but still no change when viewing from my phone.

    October 20, 2014 at 4:21 pm #338420
    Yigit

    Hi!

    Please review your website now. I have slightly modified custom CSS code on the top of Quick CSS field

    Best regards,
    Yigit

    October 21, 2014 at 12:45 pm #338978
    500Webmaster

    Hi Yigit,

    It works perfectly now, thank you!

    Best

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mobile View Elements Clash’ is closed to new replies.