Looks diffent on actual device

  • When I am creating a page in the live customiser I set it out how I want it but then on an actual device its not how it looked in the customiser.
    Example I set a heading as align centre and on the live end its aligned left. Whatever aligns I try its still left and yet in the customiser its centre.
    Also I set the padding and margins for a section so they butted up together and when published the sections are overlapping. My theme is mesmerise – perhaps nimble just doesn’t want to play with it.
    Makes it so frustrating. Hopefully its just something stupid I am doing wrong.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author presscustomizr

    (@nikeo)

    Thanks for reporting your problem here.
    In order for me to be able to isolate a possible problem, I’ll need more information about your issue.
    In normal conditions, what you see when customizing is what you’ll get on front. NB allows users to customize properties like alignments or padding by device : desktop, tablet, mobile. ( more about this here : https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder )

    I recommend to follow the usual troubleshooting steps to make sure that the problem is not due to conflict between NB and your theme, or between NB and a third party plugin : https://www.ads-software.com/support/topic/%e2%9a%a0%ef%b8%8f%e2%9a%99%ef%b8%8ftroubleshooting-steps-for-nimble-builder/

    It’s also useful that you share the url of the page on which the issue can be observed.
    Thanks

    Thread Starter generalnumpty

    (@generalnumpty)

    Great thanks ********
    The text align looks ok on phone ant tablet but not computer. but the overlapping sections is the same on all devices.
    In the live customiser when I look at the mobile view the text on the grey background is only 1 word per line but on the actual device the text is ok.
    So text wise the view in mob is bad in customiser – good on device
    and for computer view its good in customiser but bad on device.
    Everything is upto date and my litespeed cache was and is off.

    Thread Starter generalnumpty

    (@generalnumpty)

    PS
    I have tried turning off all plugins but it did not help.

    Thread Starter generalnumpty

    (@generalnumpty)

    I did have an idea perhaps it was because I have been using the same content to test different builder plug ins so I tried from scratch with a new blank page. But still having issues.
    I set the spacing for a section with a heading in it so it has equal spacing around the text as viewed in the live view but on the front end the spacing at the bottom is zero when it should be 10.

    Also I add some text in the text editor and have white text but if I then select some text and turn it into a H1 it then changes colour — so no matter I will select the text and change it to white within the text editor – great it gos white BUT it then also turns white in the text editor so I can no longer see it on the editors white background.

    But Think at least I have sorted the text align issue, I was setting the align for the text but only in the heading text editor, I found that I also have to change the text align setting in the section setting where the text sits.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Looks diffent on actual device’ is closed to new replies.