• On mobile view, the sidebar defaults to the bottom of the page/post. This is particularly useless one uses the sidebar for the table of contents. Is there any method (custom CSS code, etc) to bring the sidebar content at the top of the page or even below the title if possible?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support karlalevelup

    (@karlalevelup)

    Hello,

    Thank you for reaching out to us.

    This is more of a Kadence Theme-related support ticket, for future assistance regarding the theme, kindly submit it on the proper support forum.

    Is there any method (custom CSS code, etc) to bring the sidebar content at the top of the page or even below the title if possible?

    Yes, you can add this in Customizer > Additional CSS:

    @media screen and (max-width: 1024px) {
    	.has-sidebar .content-area {
    		display: flex;
    	}
    	.has-sidebar .content-container {
    		display: flex;
    		flex-wrap: wrap;
    		flex-direction: column-reverse;
    	}
    }

    Hope this helps and let us know if we can assist you further.

    Best Regards,
    Karla

    Thread Starter debooworks

    (@debooworks)

    Thank you for getting back so soon! The custom CSS worked as intended. I have another request if that’s possible: The sidebar appears below the title as intended but can the sidebar content be shown below the featured image and not between the post title & featured image?

    Plugin Support karlalevelup

    (@karlalevelup)

    Hello,

    The structure of the sidebar layout is that the content and sidebar are two separate columns. Additionally, the featured image is inside the content area so moving the sidebar below the featured image is not possible using custom CSS code.

    Hope this clarifies.

    Regards,
    Karla

    Thread Starter debooworks

    (@debooworks)

    Thank you for the clarification.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Kadence Theme Sidebar’ is closed to new replies.