/* Theme Name: NewsChrome Theme URI: https://afthemes.com/products/newschrome/ Author: AF themes Author URI: https://afthemes.com Requires PHP: 5.0 Tested up to: 6.9 Description: Introducing NewsChrome, the ultimate WordPress newspaper theme designed for effortless website building. With support for Gutenberg and Elementor page builders, you can create stunning news portals without any coding hassle. Choose from a variety of starter sites and templates, with one-click import for instant setup. Customize your site with block patterns, live customizer options, and custom widgets, all while previewing changes in real-time. NewsChrome is not only visually appealing but also SEO-friendly, ensuring your content ranks well in search engines. Plus, seamless integration with WooCommerce allows you to add an online store easily. Benefit from dedicated support as you navigate your website journey. Explore demos and documentation at https://afthemes.com/products/chromenews/newschrome/ and access support at https://afthemes.com/supports/. Elevate your online presence effortlessly with NewsChrome. For step-by-step video tutorials on setting up NewsChrome: https://www.youtube.com/watch?v=ZKkaAktxBE4&list=PL8nUD79gscmj4haIT23WNj49K0i5VPqFA Template: chromenews Version: 1.1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: newschrome Tags: news, blog, entertainment, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, custom-header, translation-ready, theme-options, threaded-comments This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. NewsChrome WordPress Theme, Copyright 2026 AF themes NewsChrome is distributed under the terms of the GNU GPL v2 or later. */ .chromenews-header.header-layout-side .search-watch div.custom-menu-link>a { background: #0987F5; color: #ffffff; } .exclusive-posts .exclusive-now { background: #EE2224; color: #ffffff; } .af-cat-widget-carousel a.chromenews-categories.category-color-1, .af-cat-widget-carousel a.chromenews-categories.category-color-2, .af-cat-widget-carousel a.chromenews-categories.category-color-3{ color: #ffffff; } .af-cat-widget-carousel a.chromenews-categories.category-color-2 { background: #0987F5; } .af-cat-widget-carousel a.chromenews-categories.category-color-3 { background: #0987F5; } .af-header-image.data-bg:before { opacity: 0.5; } /* ===== EasyNews Safe Design Patch (Consolidated) ===== */ /* 1. Header: Asiae-style dark navy nav bar */ @media screen and (max-width: 768px) { .site-header { padding: 5px 0 !important; } .site-branding { padding: 5px 10px !important; margin-bottom: 0 !important; } .af-middle-head-nav { margin-top: 0 !important; } } /* 2. Footer styling */ .site-footer { background: #1a1a2e !important; color: #ccc !important; padding: 20px 0 !important; } /* 3. Mobile menu text color fix */ @media screen and (max-width: 768px) { .aft-trending-posts .read-title a, .aft-trending-posts .read-title h3 { color: #333 !important; } } /* 4. Single post top spacing cleanup */ body.single .site-content { padding-top: 10px !important; } body.single article.post { margin-top: 0 !important; padding-top: 0 !important; } /* 5. Dense mobile layout */ @media screen and (max-width: 768px) { .aft-blocks, .widget, .read-single { margin-bottom: 5px !important; } .site-content { padding: 5px !important; } } /* ===== Mobile Horizontal Scrollable Nav v3 ===== */ @media screen and (max-width: 992px) { /* 1. Force the nav wrapper visible */ .main-navigation, .main-navigation .menu, .main-navigation .menu-desktop { display: block !important; position: relative !important; overflow: visible !important; } /* 2. Convert menu-mobile from dropdown to horizontal scroll bar */ .main-navigation .menu .menu-mobile { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: scroll !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; position: relative !important; top: auto !important; left: auto !important; width: 100% !important; background-color: #1a237e !important; margin: 0 !important; padding: 0 !important; z-index: 100 !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } .main-navigation .menu .menu-mobile::-webkit-scrollbar { display: none !important; height: 0 !important; width: 0 !important; } /* 3. Each menu item: inline flex child */ .main-navigation .menu .menu-mobile > li { display: block !important; flex: 0 0 auto !important; float: none !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; white-space: nowrap !important; } /* 4. Menu link styling */ .main-navigation .menu .menu-mobile > li > a { display: block !important; padding: 12px 18px !important; color: #fff !important; font-size: 14px !important; font-weight: 500 !important; white-space: nowrap !important; border: none !important; border-top: none !important; text-decoration: none !important; line-height: 1 !important; } .main-navigation .menu .menu-mobile > li.current-menu-item > a, .main-navigation .menu .menu-mobile > li > a:active { background-color: rgba(255,255,255,0.2) !important; } /* 5. Hide sub-menus, dropdown arrows, expand buttons */ .main-navigation .menu .menu-mobile > li > .sub-menu, .main-navigation .menu .menu-mobile > li > a > button, .main-navigation .menu .menu-mobile > li > a::after { display: none !important; } /* 6. Hide hamburger toggle */ .main-navigation .toggle-menu, .menu-toggle, .aft-void-menu, button.menu-toggle, .ham { display: none !important; } /* 7. Ensure the nav background extends full width */ .af-middle-head-nav { background: #1a237e !important; padding: 0 !important; margin: 0 !important; } }