• Hi,

    I’m working on the mobile and tablet views for pactesp.org home page. There are some buttoms and columns that aren’t lining up how I want them to. Particularly with the bottom 2 items on the home page. Compare it to the desktop view and then the mobile and tablet views, so you can see what I mean. Thank you!

    *the other important factor is that I need the desktop view of the site to look exactly as it is.

    The page I need help with: [log in to see the link]

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

    (@nikeo)

    Thanks for opening the topic.
    I tested the problem that you reported about changes made to mobile view being applied to desktops. I could not reproduce the issue.
    It would help if you could provide step by step guidelines on how to reproduce the issue.
    For that, the best would be to start from a blank test page and start building a simple section with Nimble Builder.
    And provide guidelines that would look like :
    1-Insert a heading module ( for example )
    2-…
    3-…

    About your alignment problem, I’ll try to provide general guidelines that I hope will be useful :
    – Try to use the Nimble Builder template instead of the theme one => this will allow you to start with full width page https://docs.presscustomizr.com/article/339-changing-the-page-template, and then customize the inner / outer width, globally or for each page, or even by section https://docs.presscustomizr.com/article/396-how-to-customize-the-width-of-the-sections-created-with-nimble-builder
    – Try to not use negative margins in your webdesign, this isn’t a good practice because it makes it very difficult to place elements and it’s complicated to maintain. It’s rather recommended to use vertical aligment in columns and modules ( which a setting accessible when clicking on a column or module settings ), combined with padding tweaking
    – For columns, keep in mind that you can set custom breakpoint so that they stay horizontal on mobiles. You can set breakpoint by section, or for a page, or even site wide : https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder

    I hope it will help you!??

    I am having s similar issue on my website. I have inserted a rich editor text in the introduction section and the line spacing change in the mobile version is being applied to the desktop version as well and vice versa.
    The page I need help with is this

    Thread Starter jgardonis

    (@jgardonis)

    @nikeo thank you for your reply. I ended up eliminating many of the negative paddings. And fixed up many of the misalignments. However, I’m still having the issue with the width of the “Who We Are…” text box, even after trying to change to the Nimble Builder Template. Also, still haven’t been able to align the yellow buttons next to the “Who We Are…” and “Our members enjoy…” section above it for the mobile view.

    Plugin Author presscustomizr

    (@nikeo)

    OK well done @jgardonis.
    I won’t have the availability to further explore on this last alignment issue. You might get help from other users of Nimble Builder, or on https://wordpress.stackexchange.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adjustments in Mobile and Tablet Views’ is closed to new replies.