Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 2, 2015 at 10:13 am #422370
    robertscott

    Hi,

    One of our sites using enfold has an issue with layout on mobile/iphone.

    Please see link. In the colored section the “message us” button isn’t centred properly.

    Any ideas?

    April 2, 2015 at 3:29 pm #422517
    Yigit

    Hey robertscott!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 768px) {
#contact-section .avia-button-right {
  float: left;
}}

    Best regards,
    Yigit

    April 2, 2015 at 3:47 pm #422535
    robertscott

    Hi Yigit,

    That didn’t make any difference. The button is still out of centre.

    April 2, 2015 at 3:49 pm #422536
    robertscott

    Looks worse on tablet.

    April 2, 2015 at 3:54 pm #422541
    Yigit

    Hi!

    You have inserted your button right aligned, that is why it is showing up like this. Please edit your button and choose to display center aligned.

    Best regards,
    Yigit

    April 2, 2015 at 4:03 pm #422550
    robertscott

    but now its too far left on desktop! lol

    April 2, 2015 at 4:09 pm #422556
    Yigit

    Hey!

    Please add following code to Quick CSS 

    @media only screen and (min-width: 769px) {
#contact-section .avia-button-wrap.avia-button-center {
  float: right;
}}

    It should look right on all screens now :)

    Best regards,
    Yigit

    April 2, 2015 at 4:14 pm #422564
    robertscott

    Nope. Check it out on desktop:: http://scotwebdigital.co.uk/organic-search/

    But iphone looks ok now

    April 2, 2015 at 4:17 pm #422567
    Yigit

    Hi!

    Please try adding !important rule to the code as following 

    @media only screen and (min-width: 769px) {
#contact-section .avia-button-wrap.avia-button-center {
  float: right !important;
}}

    If that does not help, please create a temporary admin login and post it here privately

    Cheers!
    Yigit

    April 2, 2015 at 4:33 pm #422585
    robertscott
    This reply has been marked as private.
    April 2, 2015 at 4:40 pm #422590
    Yigit

    Hi!

    Please review your website now.

    Regards,
    Yigit

    April 2, 2015 at 4:49 pm #422592
    robertscott

    Hi Yigit,

    The button is still off centre on desktop. And still off on all other inner pages :-(

    April 2, 2015 at 4:52 pm #422596
    Yigit

    Hey!

    Please flush cache and refresh your page a few times. This is how it looks on my end – http://i.imgur.com/pY1Oco0.png

    Best regards,
    Yigit

    April 2, 2015 at 4:59 pm #422603
    robertscott
    This reply has been marked as private.
    April 3, 2015 at 6:35 am #422888
    Rikard

    Hey!

    I get the same result as Yigit, did you clear your browser cache and reload a few times?

    Cheers!
    Rikard

    April 3, 2015 at 3:06 pm #423073
    robertscott

    If i set the button to centre it looks terrible on desktop but ok on mobile. if i put the button right aligned it looks ok on desktop but not on mobile.

    I tried everything you said and it doesnt work. I even checked on a fresh computer with cache cleared

    April 3, 2015 at 3:12 pm #423079
    Yigit

    Hey!

    When you checked on other computer, were you logged out of admin? You are using cache plugin and you may have seen cached version unless you flushed it. I believe that is the case since i and Rikard did not see any issues :)

    Best regards,
    Yigit

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