Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #30458
    JT890
    Guest

    Dear BoldGrid Team & Community, 

    I hope you are well! 

    I would really appreciate your help with some issues I am facing when using BoldGrid Post & Page Builder. Specifically, 

    1) When BoldGrid Post & Page Builder is activated, the blog page can no longer be viewed on mobile (it is fine on tablets and desktop) 

    2) When I try to solve the issue by deactivating BoldGrid Post & Page Builder, the formatting goes completely awry on the desktop view (i.e. with the sidebar overlapping the main content on the Home, About Me, and Contact Me pages; no issues with the blog page in this case) 

    Many thanks for your help in advance and I look forward to hearing from you!

    Kind regards,

    JT

    #30459
    JT890
    Guest

    I thought I’d add some pictures to illustrate the issues! Many thanks 🙂

    Issue #1 (Mobile View).JPG

    Issue #2 (Mobile View).JPG

    #30460
    support
    Guest

    Hi JT,

    Sorry to hear about the styling problems on your website and our team will do everything we can to get this working for you.

    It looks like the theme you are using bases a lot of its blog styles off of the Bootstrap framework which is causing some conflicts with the Post and Page Builder since it uses Bootstrap as well to handle responsive styling.

    One solution I have for this is to use custom CSS to address these style conflicts and the following code snippets that should fix this problem.

    @media (max-width: 991px) {
    .archive.category #masonry-loop article {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
        }
        .archive.category #masonry-loop {
    height: unset !important;
        }
    }

    I hope that this code works for you and please let us know if there is anything else that we can do to assist you, we are always happy to help!

    #30461
    JT890
    Guest

    Thank you so much BoldGrid Support Team, really appreciate it! I just realised I’ve found one other small styling issue with the blog page. I’ve selected masonry view and optimally the posts should appear as two columns. At the moment however it only appears as a single column and there’s a gap in the middle of the page where the second column should be (I’ve attached a screenshot). This is only a problem for the desktop top view (and not an issue for mobile and tablet). 

    Capture2.JPG

    Again, thank you so much for your help in advance! Last issue (for now!) hopefully! 

    Kind regards,

    Justin

    #30462
    JT890
    Guest

    Oh apologies! The issue seems to have sorted itself out now. Sorry for the hassle! Have a great week ahead 🙂

    #30463
    support
    Guest

    You’re welcome Justin, I’m glad to hear everything is working for you now!  If you ever have any other questions in the future please do not hesitate to ask, we are always happy to help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Problems with website / mobile formatting when using Post & Page Builder’ is closed to new replies.