Site logo

[Support request] Regarding post layout

Home Forums Support [Support request] Regarding post layout

Home Forums Support Regarding post layout

Viewing 11 posts - 16 through 26 (of 26 total)
  • Author
    Posts
  • #1526362
    Mouse

    Okay that solved the issue. But still need some css styling. Looks pretty pain like the categroy pages.

    There is another way around to this though. Basically all I want is for the sidebar to show a little blow. Want to add the margin on the top of the first sidebar widget.

    #1526404
    Mouse

    the problem is google doest like ads to show above the content. on sthe sidebar since its above.. the ad shows below. I have temporarily fixed it by adding a posts. But overall want the sidebar to start a little down with some margin on the top

    #1527020
    Leo
    Staff
    Customer Support

    Which page can I see the issue?

    #1527901
    Mouse

    All post pages. Just want the widget section to start where the content starts.

    #1528089
    David
    Staff
    Customer Support

    If you apply the method that Leo provided here:

    https://generatepress.com/forums/topic/regarding-post-layout/#post-1524546

    This will create the result you require.
    If there styling issues then we can take a look and help correct that.

    #1528598
    Mouse

    Yes I get that, but the layout looks weird that way, so now I just want the widget area to start in allign with the image instead. Can we like add a top margin to the widget which only occurs on the dekstop and not on mobile devices?

    #1528679
    Leo
    Staff
    Customer Support

    That case can you just create a header element with the page title as the content?
    <h1>{{post_title}}</h1>

    #1529599
    Mouse

    Okay I did that and its working. But now there is the margin above and below.. looks somewhat still okay on laptop but no good at all on mobile screens. link given below in private. Only added to that post

    #1530153
    Leo
    Staff
    Customer Support

    Don’t think I’m seeing the margin issue.

    Is it visible here?
    https://www.screencast.com/t/NZMdP4ovTo

    #1530273
    Mouse

    No, I am talking about mobile screens.

    #1530276
    Leo
    Staff
    Customer Support

    Try this CSS:

    @media (max-width: 768px) {
        body.single.separate-containers .site-main {
            margin-top: 0;
        }
    }
Viewing 11 posts - 16 through 26 (of 26 total)
  • You must be logged in to reply to this topic.