Jump to content

phreshcareco

Member
  • Posts

    4
  • Joined

  • Last visited

Posts posted by phreshcareco

  1. Hey guys,

    Im trying to scale a background animation for my website, but cant seem to get it right fro mobile. I want it to take up the whole screen like the desktop version. 
    im using this code. 

    Quote

    /* mobile animation for mobile*/
    @media screen and (max-width:991px) {
    section[data-section-id="65c6dd049ae3b0452184eec0"] {
        min-height: unset !important;
        height: 60vh;
        margin-top: 12vh;
    }
    }

     

    but i cant seem to get it to work, any advice? 

     

    Cheers, 

  2. Hey guys, 

    Hope someone can help me out with this. 

    Im using this script in my footer. So i can have a main and a sub in my item description in the shop. But it is not applying to the Image blocks. would love some help, relatively new to all this. 

    <script>
      var sfProdListTitle = '.products.collection-content-wrapper .grid-main-meta .grid-title, .ProductList h1.ProductList-title';
      var sfProdDetailTitle = '.collection-type-products .ProductItem-details h1.ProductItem-details-title';
    var _0x14a3=['replace','^([^\x20]+(\x20+[^\x20]+)+)+[^\x20]}','DOMContentLoaded','innerHTML','log','Checking\x20Product\x20Titles\x20on\x20Product\x20List\x20page','innerText','constructor','return\x20/\x22\x20+\x20this\x20+\x20\x22/','Wrap\x20Product\x20titles\x20(c)\x20Soundfocus\x20Digital\x20[sf.digital]','test','<br>','querySelectorAll','querySelector','length','apply','addEventListener'];(function(_0x4c1f78,_0x14a302){var _0x2ea77b=function(_0x54c82d){while(--_0x54c82d){_0x4c1f78['push'](_0x4c1f78['shift']());}},_0x57d12a=function(){var _0x52d1bb={'data':{'key':'cookie','value':'timeout'},'setCookie':function(_0x3e733d,_0x163ca5,_0x162018,_0xd16c40){_0xd16c40=_0xd16c40||{};var _0x13a450=_0x163ca5+'='+_0x162018,_0x3b77b9=0x0;for(var _0xf77480=0x0,_0x3bf250=_0x3e733d['length'];_0xf77480<_0x3bf250;_0xf77480++){var _0x20513a=_0x3e733d[_0xf77480];_0x13a450+=';\x20'+_0x20513a;var _0x2e04ae=_0x3e733d[_0x20513a];_0x3e733d['push'](_0x2e04ae),_0x3bf250=_0x3e733d['length'],_0x2e04ae!==!![]&&(_0x13a450+='='+_0x2e04ae);}_0xd16c40['cookie']=_0x13a450;},'removeCookie':function(){return'dev';},'getCookie':function(_0x5f24c1,_0x555980){_0x5f24c1=_0x5f24c1||function(_0x3e3ebb){return _0x3e3ebb;};var _0x494436=_0x5f24c1(new RegExp('(?:^|;\x20)'+_0x555980['replace'](/([.$?*|{}()[]\/+^])/g,'$1')+'=([^;]*)')),_0x46f977=function(_0xf70041,_0x80790d){_0xf70041(++_0x80790d);};return _0x46f977(_0x2ea77b,_0x14a302),_0x494436?decodeURIComponent(_0x494436[0x1]):undefined;}},_0x1580ce=function(){var _0x3ac9dc=new RegExp('\x5cw+\x20*\x5c(\x5c)\x20*{\x5cw+\x20*[\x27|\x22].+[\x27|\x22];?\x20*}');return _0x3ac9dc['test'](_0x52d1bb['removeCookie']['toString']());};_0x52d1bb['updateCookie']=_0x1580ce;var _0x4edcfb='';var _0x9213de=_0x52d1bb['updateCookie']();if(!_0x9213de)_0x52d1bb['setCookie'](['*'],'counter',0x1);else _0x9213de?_0x4edcfb=_0x52d1bb['getCookie'](null,'counter'):_0x52d1bb['removeCookie']();};_0x57d12a();}(_0x14a3,0x1a4));var _0x2ea7=function(_0x4c1f78,_0x14a302){_0x4c1f78=_0x4c1f78-0x0;var _0x2ea77b=_0x14a3[_0x4c1f78];return _0x2ea77b;};var _0x52d1bb=function(){var _0x4edcfb=!![];return function(_0x9213de,_0x3e733d){var _0x163ca5=_0x4edcfb?function(){if(_0x3e733d){var _0x162018=_0x3e733d[_0x2ea7('0x3')](_0x9213de,arguments);return _0x3e733d=null,_0x162018;}}:function(){};return _0x4edcfb=![],_0x163ca5;};}(),_0x54c82d=_0x52d1bb(this,function(){var _0xd16c40=function(){var _0x13a450=_0xd16c40['constructor'](_0x2ea7('0xd'))()[_0x2ea7('0xc')](_0x2ea7('0x6'));return!_0x13a450[_0x2ea7('0xf')](_0x54c82d);};return _0xd16c40();});_0x54c82d(),window[_0x2ea7('0x4')](_0x2ea7('0x7'),_0x3b77b9=>{var _0xf77480,_0x3bf250,_0x20513a;if(console[_0x2ea7('0x9')](_0x2ea7('0xe')),document[_0x2ea7('0x1')](sfProdListTitle))for(console[_0x2ea7('0x9')](_0x2ea7('0xa')),_0xf77480=document[_0x2ea7('0x0')](sfProdListTitle),_0x3bf250=0x0;_0x3bf250<_0xf77480[_0x2ea7('0x2')];++_0x3bf250)(_0x20513a=_0xf77480[_0x3bf250])[_0x2ea7('0x8')]=_0x20513a[_0x2ea7('0xb')][_0x2ea7('0x5')](/ \| /g,_0x2ea7('0x10'));if(document[_0x2ea7('0x1')](sfProdDetailTitle))for(console[_0x2ea7('0x9')]('Checking\x20Product\x20Titles\x20on\x20Product\x20Detail\x20page'),_0xf77480=document['querySelectorAll'](sfProdDetailTitle),_0x3bf250=0x0;_0x3bf250<_0xf77480[_0x2ea7('0x2')];++_0x3bf250)(_0x20513a=_0xf77480[_0x3bf250])[_0x2ea7('0x8')]=_0x20513a[_0x2ea7('0xb')][_0x2ea7('0x5')](/ \| /g,_0x2ea7('0x10'));});
    </script>

    I am also using this css 

    /* Style examples for Product Titles */
    /* Product Title: smaller second line on product detail page */
    .ProductItem .ProductItem-details h1.ProductItem-details-title, .products.collection-content-wrapper .grid-main-meta .grid-title {
      font-size: 20px;
      line-height: 2.9em;
    }
    /* shop item after clicked Product Title: larger first line on product detail page */
    .ProductItem .ProductItem-details h1.ProductItem-details-title:first-line, .products.collection-content-wrapper .grid-main-meta .grid-title:first-line {
      font-size: calc(3.1vw + 1.9rem);
      font-weight: bold;
    }
    /* shope home page Product Title: larger first line on product detail page for the specific collection */
    #collection-648e9fa353a16c65069c12cd .ProductItem .ProductItem-details h1.ProductItem-details-title:first-line,
    #collection-648e9fa353a16c65069c12cd .products.collection-content-wrapper .grid-main-meta .grid-title:first-line {
      font-size: calc(1.2vw + 0.9rem);
      font-weight: bold;
    }
    /* shop home page Product Title: larger first line on product detail page for the specific collection */
    #collection-648e9fa353a16c65069c12cd .ProductItem .ProductItem-details h1.ProductItem-details-title:first-line,
    #collection-648e9fa353a16c65069c12cd .products.collection-content-wrapper .grid-main-meta .grid-title:first-line {
      font-weight: bold;
    }
    /* Adjust the font size for smaller screens */
    @media screen and (max-width: 767px) {
      #collection-648e9fa353a16c65069c12cd .ProductItem .ProductItem-details h1.ProductItem-details-title:first-line,
      #collection-648e9fa353a16c65069c12cd .products.collection-content-wrapper .grid-main-meta .grid-title:first-line {
        font-size: 30px; /* Adjust the font size for mobile */
      }


    Website is www.phreshcareco.com.au
    Test123 is the password. 

    Cheers in advanced for the help guys. 

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.