Sidebar stick L&R

/* GeneratePress Premium - Absolute Sticky Both Sidebars (Desktop Only) */
@media (min-width: 769px) {

    /* Force the main layout structure to permit sticky behavior */
    .site-content,
    #page .site-content {
        display: flex !important;
        align-items: flex-start !important;
        overflow: visible !important;
    }

    /* Target the exact structural columns for both sidebars */
    #left-sidebar,
    #right-sidebar {
        position: sticky !important;
        top: 20px !important;
        align-self: flex-start !important;
        height: auto !important;
    }

}

/* Mobile & Tablet - Reset Layout */
@media (max-width: 768px) {

    .site-content,
    #page .site-content {
        display: block !important;
    }

    #left-sidebar,
    #right-sidebar {
        position: static !important;
        top: auto !important;
    }

}

Comments

Post a Comment

Popular posts from this blog

Tools

  🚀 Image Tools Roadmap (1–50) Phase 1 – Core Image Tools (1–10) Image Resizer Image Compressor Crop Image Resize Image in KB Resize Image in MB Image Converter Image Upscaler Image Enlarger Rotate Image Flip Image Phase 2 – Format Conversion (11–20) JPG to PNG PNG to JPG WebP to JPG JPG to WebP PNG to WebP WebP to PNG AVIF to JPG HEIC to JPG SVG to PNG GIF to JPG Phase 3 – Optimization (21–30) JPG Compressor PNG Compressor WebP Compressor AVIF Compressor Bulk Image Compressor Lossless Image Compressor Smart Image Optimizer Image Size Reducer Image Quality Reducer Website Image Optimizer Phase 4 – Social Media Tools (31–40) YouTube Thumbnail Resizer YouTube Banner Resizer Instagram Post Resizer Instagram Story Resizer Instagram Reel Cover Resizer Facebook Cover Photo Resizer LinkedIn Banner Resizer X (Twitter) Header Resizer TikTok Photo Resizer Pinterest Pin Resizer Phase 5 – eCommerce Tools (41–50) Amazon Product Image Resizer Amazon Image Compressor Etsy Image Resizer Shopify I...
Read more

Stock Market A2Z

📚 Module 1: Stock Market Basics (1–50) Stock Market kya hai? Share kya hota hai? Company Share kyon bechti hai? NSE kya hai? BSE kya hai? Nifty 50 kya hai? Sensex kya hai? Demat Account kya hai? Trading Account kya hai? Broker kya hota hai? SEBI kya hai? Depository kya hota hai? NSDL kya hai? CDSL kya hai? IPO kya hota hai? FPO kya hota hai? OFS kya hai? Rights Issue kya hai? Bonus Share kya hai? Stock Split kya hai? Face Value kya hai? Book Value kya hai? Market Price kya hai? Market Capitalization kya hai? Large Cap kya hai? Mid Cap kya hai? Small Cap kya hai? Penny Stock kya hai? Blue Chip Stock kya hai? Multibagger Stock kya hai? Growth Stock kya hai? Value Stock kya hai? Cyclical Stock kya hai? Defensive Stock kya hai? Buy Order kya hai? Sell Order kya hai? Market Order kya hai? Limit Order kya hai? Stop Loss kya hai? Target Price kya hai? Delivery Trading kya hai? Intraday Trading kya hai? BTST kya hai? STBT kya hai? Portfolio kya hai? Asset Allocation kya hai? Diversification k...
Read more

masroor dev coding

  🟢 Cluster 1: Coding & Programming Fundamentals — 15 What Is Coding? A Complete Beginner’s Guide What Is Programming? Coding vs Programming Explained How Does Code Work? What Is a Programming Language? How Do Programming Languages Work? What Is Source Code? What Is a Compiler? What Is an Interpreter? Compiler vs Interpreter: What’s the Difference? What Is an IDE? What Is a Code Editor? What Is Syntax in Programming? What Is a Bug in Programming? What Is Debugging? What Is an Algorithm? What Are Variables in Programming? What Are Constants in Programming? What Are Data Types in Programming? What Is a String in Programming? What Are Numbers in Programming? What Are Boolean Values? What Is an Array? What Is an Object in Programming? What Is a Function? Parameters vs Arguments: What’s the Difference? What Is a Return Statement? What Are Operators in Programming? What Is an If-Else Statement? What Is a Switch Statement? What Is a Loop in Programming? 🌐 Cluster 3: HTML — 10 What I...
Read more