responsive image for mobile

This commit is contained in:
Kishore Kumar C
2026-05-01 18:13:52 +05:30
parent b8d602cd05
commit 6fe69be540
5 changed files with 634 additions and 534 deletions

View File

@@ -596,6 +596,8 @@ body:not(.is-home-page) .header-hide-until-scroll {
opacity: 0 !important;
transition: opacity 0.4s ease !important;
border-radius: 20px !important;
}
.elementor-element.elementor-element-b891c78:hover::before,
@@ -842,6 +844,89 @@ body:not(.is-home-page) .header-hide-until-scroll {
text-decoration: none !important;
}
/* ============================================================
SOCIAL ICONS VISIBILITY FIX
Ensures both font-based and SVG icons are visible and properly sized.
Targeting the common .wrapper-socials class used across the site.
============================================================ */
.e-font-icon-svg {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
vertical-align: middle;
}
.elementor-social-icon svg {
width: 25px;
height: 25px;
}
.fab, .fas, .far {
display: inline-block !important;
}
.wrapper-socials {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-wrap: wrap;
gap: 10px;
}
.wrapper-socials li {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
}
.wrapper-socials li:before {
content: none !important;
}
.wrapper-socials a {
display: flex !important;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.05);
color: inherit;
text-decoration: none !important;
transition: all 0.3s ease;
font-size: 16px;
}
.wrapper-socials a:hover {
background-color: var(--logico-accent-color, #c01227);
color: #fff !important;
}
.wrapper-socials a svg {
width: 18px;
height: 18px;
fill: currentColor;
}
/* Global visibility enforcement for Elementor and other social icons */
.elementor-social-icon,
.e-font-icon-svg,
.wrapper-socials i,
.wrapper-socials svg {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* Ensure SVG icons have at least some size if not specified */
svg.e-font-icon-svg,
.elementor-social-icon svg {
min-width: 16px;
min-height: 16px;
}

View File

@@ -7,10 +7,10 @@
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="https://demo.artureanec.com/themes/logico-rounded/xmlrpc.php" />
<title>Blog Grid &#8211;Logico</title>
<link data-rocket-preload as="style" href="https://fonts.googleapis.com/css?family=Manrope%3Aitalic%2C300%2C400%2C500%2C600%2C700%26amp%3Bsubset%3Dlatin%7CSpace%20Grotesk%3A500%26amp%3Bsubset%3Dlatin%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSpace%20Grotesk%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=swap" rel="preload">
<link href="https://fonts.googleapis.com/css?family=Manrope%3Aitalic%2C300%2C400%2C500%2C600%2C700%26amp%3Bsubset%3Dlatin%7CSpace%20Grotesk%3A500%26amp%3Bsubset%3Dlatin%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSpace%20Grotesk%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=swap" media="print" onload="this.media=&#039;all&#039;" rel="stylesheet">
<link data-rocket-preload as="style" href="https://fonts.googleapis.com/css?family=Manrope%3Aitalic%2C300%2C400%2C500%2C600%2C700%26amp%3Bsubset%3Dlatin%7CSpace%20Grotesk%3A500%26amp%3Bsubset%3Dlatin%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSpace%20Grotesk%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=swap" rel="preload">
<link href="https://fonts.googleapis.com/css?family=Manrope%3Aitalic%2C300%2C400%2C500%2C600%2C700%26amp%3Bsubset%3Dlatin%7CSpace%20Grotesk%3A500%26amp%3Bsubset%3Dlatin%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSpace%20Grotesk%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=swap" media="print" onload="this.media=&#039;all&#039;" rel="stylesheet">
<noscript data-wpr-hosted-gf-parameters="">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Manrope%3Aitalic%2C300%2C400%2C500%2C600%2C700%26amp%3Bsubset%3Dlatin%7CSpace%20Grotesk%3A500%26amp%3Bsubset%3Dlatin%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSpace%20Grotesk%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Manrope%3Aitalic%2C300%2C400%2C500%2C600%2C700%26amp%3Bsubset%3Dlatin%7CSpace%20Grotesk%3A500%26amp%3Bsubset%3Dlatin%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSpace%20Grotesk%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=swap">
</noscript>
<meta name='robots' content='noindex, nofollow' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
@@ -30,6 +30,8 @@
</style>
<link data-minify="1" rel='stylesheet' id='hfe-widgets-style-css' href='https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/cache/min/1/themes/logico-rounded/wp-content/plugins/header-footer-elementor/inc/widgets-css/frontend.css?ver=1774060586' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='hfe-woo-product-grid-css' href='https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/cache/min/1/themes/logico-rounded/wp-content/plugins/header-footer-elementor/inc/widgets-css/woo-products.css?ver=1774060586' type='text/css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" />
<style id='wp-emoji-styles-inline-css' type='text/css'>
img.wp-smiley,
img.emoji {
@@ -670,7 +672,7 @@
--widgets-spacing-column: 40px;
}
{}
h1.page-title {
display: var(--page-title-display);
@@ -3980,7 +3982,7 @@
<div class="site-search" id="site-search-07c8759">
<div class="site-search-close"></div>
<form name="search_form" method="get" action="https://demo.artureanec.com/themes/logico-rounded/" class="search-form" id="search-586">
<span class="search-form-icon" onclick="javascript:document.getElementById(&quot;search-586&quot;).submit();"></span>
<span class="search-form-icon" onclick="javascript:document.getElementById('search-586').submit();"></span>
<div class="logico-form-field">
<div class="logico-label-wrapper">
<div class="logico-label-placeholder">

File diff suppressed because it is too large Load Diff

View File

@@ -486,14 +486,26 @@
</div>
<div class="header-mobile-socials">
<ul class="mobile-menu-socials wrapper-socials">
<li><a class="fab fa-facebook-f" href="https://www.facebook.com/"
target="_blank"></a></li>
<li><a class="fab fa-x-twitter" href="https://x.com/"
target="_blank"></a></li>
<li><a class="fab fa-linkedin-in" href="https://www.linkedin.com/"
target="_blank"></a></li>
<li><a class="fab fa-youtube" href="https://www.youtube.com/"
target="_blank"></a></li>
<li><a href="https://www.facebook.com/" target="_blank" aria-label="Facebook">
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a></li>
<li><a href="https://x.com/" target="_blank" aria-label="X (Twitter)">
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
</svg>
</a></li>
<li><a href="https://www.linkedin.com/" target="_blank" aria-label="LinkedIn">
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a></li>
<li><a href="https://www.youtube.com/" target="_blank" aria-label="YouTube">
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>
</a></li>
</ul>
</div>
<div class="header-mobile-button"><a class="logico-alter-button"

View File

@@ -647,7 +647,7 @@
.elementor-element.elementor-element-d602f7f {
--display: flex;
--padding-top: 0px;
--padding-bottom: 0px;
--padding-bottom: 20px;
--padding-left: 20px;
--padding-right: 20px;
}
@@ -1982,7 +1982,7 @@
.elementor-element.elementor-element-d602f7f {
--padding-top: 0px;
--padding-bottom: 0px;
--padding-bottom: 30px;
--padding-left: 30px;
--padding-right: 30px;
}
@@ -2006,7 +2006,7 @@
}
.elementor-element.elementor-element-324d615 img {
max-width: 170px;
max-width: 100%;
}
.elementor-element.elementor-element-9b933db {
@@ -2017,7 +2017,7 @@
}
.elementor-element.elementor-element-7d2d322 img {
max-width: 170px;
max-width: 100%;
}
.elementor-element.elementor-element-9c60642>.elementor-widget-container {
@@ -2036,7 +2036,7 @@
}
.elementor-element.elementor-element-6421147 img {
max-width: 170px;
max-width: 100%;
}
.elementor-element.elementor-element-3d65852>.elementor-widget-container {
@@ -2824,7 +2824,7 @@
.elementor-element.elementor-element-d602f7f {
--padding-top: 0px;
--padding-bottom: 0px;
--padding-bottom: 20px;
--padding-left: 20px;
--padding-right: 20px;
}
@@ -3200,7 +3200,7 @@
}
}
/* Custom fix for service cards */
/* Custom fix for service cards
.elementor-element.elementor-element-b891c78,
.elementor-element.elementor-element-9b933db,
.elementor-element.elementor-element-280b0dc {
@@ -3261,5 +3261,5 @@
.elementor-element.elementor-element-9b933db .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.elementor-element-280b0dc .elementor-widget-text-editor .elementor-widget-container {
margin: 0 !important;
}
} */
</style>