Home Forums Basel support forum Layout issue blog categories

Layout issue blog categories

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #120478

    Giulio
    Participant

    Hi there, as you can see I have an issue with the layout of the blog categories that showing the HTML Block without any padding to the sides. Please see the differences between the main blog page and a category page. How can I fix it? Thanks!

    #120513

    Hello,

    Your issue is not clear. What HTML block do you mean in the blog page? What paddings, just show with arrows.

    Best REgards

    #120538

    Giulio
    Participant

    The body of the main blog page is made by the classic editor. The body of the category page is made by an HTML Block. The second shows the text without any padding on the sides. Please take a look to these screenshots. As you can see it do not happen with the main page of the blog. Try to look that pages from a mobile phone please.

    #120583

    colin.smith
    Participant

    Hello,
    I have the same problem as Giulio.
    The blog doesn’t show any sidebar.

    How can it be fixed please?

    Thank you

    #120644

    Hello,

    1. Navigate to the Theme Settings > Blog > set the proper layout assuming a sidebar http://prntscr.com/ng3i5d

    2. Make sure the page which is assigned for the sidebar is set to have 2 columns or “Inherit” layout http://prntscr.com/ng3j2n

    3. Navigate to Appearance > Widgets > add widgets into the Main widget area

    Best Regards

    #120696

    Giulio
    Participant

    I never mentioned the sidebar. The issue is not related to the sidebar. Please take a look to these screenshots that I took by the mobile phone. There is an issue with the margin (left and right) on the categories pages.

    #120770

    Hello,

    This page has 15px on both sides http://prntscr.com/ngc32u

    If you want to change it, it is possible to increase through the site not only on the blog page.

    Add this CSS to the Custom CSS > Mobile and change the values as per your needs:

    body .main-page-wrapper .container:first-child{
    	padding-left:15px;
    	padding-right:15px
    }

    Best Regards

    #120780

    Giulio
    Participant

    This is the main page of the blog. Take a look to a category page here.

    #120845

    Hello,

    Take the provided code, set the paddings you wish and add the code to the Theme Settings > Custom CSS > Mobile.

    Best Regards

Viewing 9 posts - 1 through 9 (of 9 total)