| @@ -1843,10 +1843,99 @@ | ||
| 1843 | 1843 | flex-direction: column; |
| 1844 | 1844 | gap: 15px; |
| 1845 | 1845 | align-items: flex-start; |
| 1846 | 1846 | } |
| 1847 | + #templates-catalog, | |
| 1848 | + #sections-catalog.active { | |
| 1849 | + flex-direction: column; | |
| 1850 | + overflow-x: hidden; | |
| 1851 | + max-width: 100%; | |
| 1852 | + } | |
| 1853 | + .templates-grid, | |
| 1854 | + .sections-grid, | |
| 1855 | + #collection-details-view .templates-grid { | |
| 1856 | + grid-template-columns: 1fr; | |
| 1857 | + margin-left: 0; | |
| 1858 | + margin-right: 0; | |
| 1859 | + max-width: 100%; | |
| 1860 | + } | |
| 1847 | 1861 | .collection-details-search input { |
| 1848 | 1862 | width: 100%; |
| 1863 | + } | |
| 1864 | +} | |
| 1865 | + | |
| 1866 | +@media (max-width: 782px) { | |
| 1867 | + .king-addons-templates, | |
| 1868 | + .kng-intro, | |
| 1869 | + .kng-intro-wrap, | |
| 1870 | + .kng-intro-wrap-1, | |
| 1871 | + .kng-intro-wrap-2, | |
| 1872 | + .kng-navigation, | |
| 1873 | + .king-addons-catalog-tabs, | |
| 1874 | + .filters-wrapper, | |
| 1875 | + .filters { | |
| 1876 | + max-width: 100%; | |
| 1877 | + min-width: 0; | |
| 1878 | + box-sizing: border-box; | |
| 1879 | + } | |
| 1880 | + | |
| 1881 | + .kng-intro { | |
| 1882 | + padding: 16px; | |
| 1883 | + } | |
| 1884 | + | |
| 1885 | + .kng-intro-wrap, | |
| 1886 | + .kng-intro-wrap-1, | |
| 1887 | + .kng-intro-wrap-2 { | |
| 1888 | + flex-wrap: wrap; | |
| 1889 | + width: 100%; | |
| 1890 | + } | |
| 1891 | + | |
| 1892 | + .kng-intro-wrap-1 { | |
| 1893 | + flex-direction: column; | |
| 1894 | + align-items: flex-start; | |
| 1895 | + } | |
| 1896 | + | |
| 1897 | + .kng-navigation { | |
| 1898 | + flex-wrap: wrap; | |
| 1899 | + justify-content: flex-start; | |
| 1900 | + width: 100%; | |
| 1901 | + gap: 8px; | |
| 1902 | + } | |
| 1903 | + | |
| 1904 | + .kng-nav-item { | |
| 1905 | + max-width: 100%; | |
| 1906 | + min-width: 0; | |
| 1907 | + } | |
| 1908 | + | |
| 1909 | + .kng-nav-item a { | |
| 1910 | + margin-right: 0; | |
| 1911 | + max-width: 100%; | |
| 1912 | + box-sizing: border-box; | |
| 1913 | + } | |
| 1914 | + | |
| 1915 | + .kng-nav-item .kng-nav-item-txt { | |
| 1916 | + white-space: normal; | |
| 1917 | + } | |
| 1918 | + | |
| 1919 | + .kng-promo-btn-wrap, | |
| 1920 | + .kng-promo-btn-wrap a { | |
| 1921 | + margin-left: 0; | |
| 1922 | + max-width: 100%; | |
| 1923 | + width: 100%; | |
| 1924 | + box-sizing: border-box; | |
| 1925 | + } | |
| 1926 | + | |
| 1927 | + .king-addons-catalog-tabs { | |
| 1928 | + flex-wrap: wrap; | |
| 1929 | + width: 100%; | |
| 1930 | + } | |
| 1931 | + | |
| 1932 | + .king-addons-tab-button { | |
| 1933 | + flex: 1 1 9rem; | |
| 1934 | + min-width: 0; | |
| 1935 | + max-width: 100%; | |
| 1936 | + padding: 12px 14px; | |
| 1937 | + box-sizing: border-box; | |
| 1849 | 1938 | } |
| 1850 | 1939 | } |
| 1851 | 1940 | |
| 1852 | 1941 | /* Section Item Styling Fixes */ |