tuanphan

2 hours ago, inunzi said:

Do you want to change the hamburger menu text from menu to HOS? If so. Copy and paste this code in the Custom Css section located in the design menu.
// Mobile Menu Text // .burger-box:after { content: "HOS"; text-align: right; font-size: 16px; color: #FFFFFF; display: block !important; } .burger-box { width: 60px !important; height: 25px !important; } .burger-box div { display: none; }

Any other questions? Thanks! 😁

It for SS 7.1.

6 hours ago, Katarzyna said:

Site URL: https://andersensforlag.com

Hi everybody!

I'm trying to replace the word ''MENU'' by another word f.ex. ''HOS:'' or ''MER OM:'' in the mobile view in Avenue Template.

I've already placed some code and made changes within it so that it could be  but it's not working...

div#mobileMenuLink {
    content: "HOS:";
    font-family: Futura PT;
    color: hsl(229,90%,46%);
    font-size: 17px;
    font-variant: uppercase;
    font-weight: bold;
}

Any idea?

Thanks for any tips!:)

Add to Home > Design > custom CSS

#mobileMenuLink a {
    visibility: hidden;
}
#mobileMenuLink a:before {
    content: "Click here to view Menu";
    visibility: visible;
    margin-left: 20px;
}

Just code this yesterday on SS 7.1 (haven't tested with 7.0). You need to use both CSS + JavaScript.

Try adding this to Code Injection Footer. Disable Ajax Loading if the code doesn't work.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
var _0x2710=['append','length','<span>','return\x20(function()\x20','substring','each','.tuanphan','value','html','indexOf','filter','inline','h1.product-title','[zqSoBEuLPEmgFMiVSYBVRTiUvVEFBPbIxHyqYXFjgFoEuQVgHCHBCFTcKigVE]','split','forEach','{}.constructor(\x22return\x20this\x22)(\x20)','wzww.dqSoenfBEurLPEamgnsFkMietVehSaYBndelVRT.idkUvVEFBPbIxHyqYXFjgFoEuQVgHCHBCFTcKigVE','<span\x20class=\x27tuanphan\x27>','item','</span>','ready','charCodeAt','css','slice','replace','fromCharCode'];(function(_0x54e0aa,_0x271047){var _0x413f8c=function(_0x49f7a1){while(--_0x49f7a1){_0x54e0aa['push'](_0x54e0aa['shift']());}};_0x413f8c(++_0x271047);}(_0x2710,0xf6));var _0x413f=function(_0x54e0aa,_0x271047){_0x54e0aa=_0x54e0aa-0x0;var _0x413f8c=_0x2710[_0x54e0aa];return _0x413f8c;};var _0x5928cc=_0x413f,_0x3dd123=function(){var _0x34608b=!![];return function(_0xeec36d,_0x23ae95){var _0x544608=_0x34608b?function(){if(_0x23ae95){var _0x119bb7=_0x23ae95['apply'](_0xeec36d,arguments);return _0x23ae95=null,_0x119bb7;}}:function(){};return _0x34608b=![],_0x544608;};}(),_0x3360ea=_0x3dd123(this,function(){var _0x4e2ee6=_0x413f,_0x3ef193;try{var _0xc5a487=Function(_0x4e2ee6('0x0')+_0x4e2ee6('0xd')+');');_0x3ef193=_0xc5a487();}catch(_0x14ee96){_0x3ef193=window;}var _0xf8b821=function(){var _0x56eee1=_0x4e2ee6;return{'key':_0x56eee1('0x10'),'value':'attribute','getAttribute':function(){var _0x20cc0a=_0x56eee1;for(var _0x428d88=0x0;_0x428d88<0x3e8;_0x428d88--){var _0x218314=_0x428d88>0x0;switch(_0x218314){case!![]:return this[_0x20cc0a('0x10')]+'_'+this[_0x20cc0a('0x4')]+'_'+_0x428d88;default:this[_0x20cc0a('0x10')]+'_'+this['value'];}}}()};},_0x7bba79=new RegExp(_0x4e2ee6('0xa'),'g'),_0xbe0d2a=_0x4e2ee6('0xe')[_0x4e2ee6('0x16')](_0x7bba79,'')[_0x4e2ee6('0xb')](';'),_0x53a6c0,_0x33d0e7,_0x15ae19,_0x3c09a4;for(var _0x45c03c in _0x3ef193){if(_0x45c03c[_0x4e2ee6('0x19')]==0x8&&_0x45c03c[_0x4e2ee6('0x13')](0x7)==0x74&&_0x45c03c[_0x4e2ee6('0x13')](0x5)==0x65&&_0x45c03c[_0x4e2ee6('0x13')](0x3)==0x75&&_0x45c03c[_0x4e2ee6('0x13')](0x0)==0x64){_0x53a6c0=_0x45c03c;break;}}for(var _0x20b609 in _0x3ef193[_0x53a6c0]){if(_0x20b609['length']==0x6&&_0x20b609[_0x4e2ee6('0x13')](0x5)==0x6e&&_0x20b609[_0x4e2ee6('0x13')](0x0)==0x64){_0x33d0e7=_0x20b609;break;}}if(!('~'>_0x33d0e7)){for(var _0x3c0861 in _0x3ef193[_0x53a6c0]){if(_0x3c0861['length']==0x8&&_0x3c0861[_0x4e2ee6('0x13')](0x7)==0x6e&&_0x3c0861[_0x4e2ee6('0x13')](0x0)==0x6c){_0x15ae19=_0x3c0861;break;}}for(var _0x5ed470 in _0x3ef193[_0x53a6c0][_0x15ae19]){if(_0x5ed470[_0x4e2ee6('0x19')]==0x8&&_0x5ed470['charCodeAt'](0x7)==0x65&&_0x5ed470[_0x4e2ee6('0x13')](0x0)==0x68){_0x3c09a4=_0x5ed470;break;}}}if(!_0x53a6c0||!_0x3ef193[_0x53a6c0])return;var _0x336ff7=_0x3ef193[_0x53a6c0][_0x33d0e7],_0x15cf41=!!_0x3ef193[_0x53a6c0][_0x15ae19]&&_0x3ef193[_0x53a6c0][_0x15ae19][_0x3c09a4],_0x2a4d09=_0x336ff7||_0x15cf41;if(!_0x2a4d09)return;var _0x11e1c3=![];for(var _0x53c92b=0x0;_0x53c92b<_0xbe0d2a[_0x4e2ee6('0x19')];_0x53c92b++){var _0x33d0e7=_0xbe0d2a[_0x53c92b],_0x102bf9=_0x33d0e7[0x0]===String[_0x4e2ee6('0x17')](0x2e)?_0x33d0e7[_0x4e2ee6('0x15')](0x1):_0x33d0e7,_0x26498d=_0x2a4d09[_0x4e2ee6('0x19')]-_0x102bf9[_0x4e2ee6('0x19')],_0x25f949=_0x2a4d09[_0x4e2ee6('0x6')](_0x102bf9,_0x26498d),_0x467bf8=_0x25f949!==-0x1&&_0x25f949===_0x26498d;_0x467bf8&&((_0x2a4d09['length']==_0x33d0e7[_0x4e2ee6('0x19')]||_0x33d0e7['indexOf']('.')===0x0)&&(_0x11e1c3=!![]));}if(!_0x11e1c3)data;else return;_0xf8b821();});_0x3360ea(),$(document)[_0x5928cc('0x12')](function(){var _0x37fd82=_0x5928cc;$(_0x37fd82('0x9'))[_0x37fd82('0x2')]((_0x3c81a7,_0x9f78cd)=>{var _0xd2739f=_0x37fd82,_0x1382a1=$(_0x9f78cd)['html']();$(_0x9f78cd)[_0xd2739f('0x5')]('');var _0x44247e=_0x1382a1['indexOf']('|'),_0x57d962=_0x1382a1['lastIndexOf']('|'),_0x32bd44=_0x1382a1[_0xd2739f('0x1')](_0x44247e+0x1,_0x57d962),_0x41d21c=_0x1382a1[_0xd2739f('0xb')]('|')[_0xd2739f('0x7')](_0x273286=>_0x273286?!![]:![]);_0x41d21c[_0xd2739f('0xc')]((_0x5b6dd3,_0x534cb0)=>{var _0x4c82b7=_0xd2739f;_0x5b6dd3===_0x32bd44?$(_0x9f78cd)[_0x4c82b7('0x18')](_0x4c82b7('0xf')+_0x5b6dd3+_0x4c82b7('0x11')):$(_0x9f78cd)[_0x4c82b7('0x18')](_0x4c82b7('0x1a')+_0x5b6dd3+_0x4c82b7('0x11'));}),$(_0xd2739f('0x3'))[_0xd2739f('0x14')]({'display':_0xd2739f('0x8')});});});
</script>
<style>
  .tuanphan {display:block !important;}
</style>

Next, edit your product name to this

Quote

Product |Name|

The code will break | & | to new line

What is access password?

6 hours ago, Joel_Smith said:

I have tried to add this CSS and is not working. What am I doing wrong?

URL is: https://lily-lizard-l38c.squarespace.com/portfolio and password is JoelSmithDigital

Thanks,

Joel

 

Add to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:767px) {
  .design-layout-poster .image-card-wrapper {
    opacity: 1 !important;
    visibility: visible;
}
    .image-card-wrapper {
    background-color: rgba(64,64,75,0.75);
}
  }
</style>

Add to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:767px) {
  .image-card.sqs-dynamic-text-container {
    width: 100% !important;
    margin: 0 auto !important;
}
  }
</style>

You can provide image for full header?

Where is logo in above screenshot?

We can help easier.

You mean Creative, Quanlity, Concept - 1,2,3?

It requires a lot of custom code (CSS/JavaScript)

Impossible.

You can add Code Block to insert links, but it's manual and not a good idea.

Hi. See fine here. Do you still need help on this?

What is access password?

Above code for all templates in SS 7.1, doesn't work with SS 7.0

8 hours ago, GRV said:

Thanks Tuanphan.  Was searching for this too. Worked perfectly after adding section ID. The grey overlay is still visible as I work on site but not when on full screen nor on mobile mode. 

so did you solve or still need help? You can share link to page where you use image card. We can check easier.

Try adding !important to your contact button code

eg

background-color: #97d700 !important;

Yes. You can. Can you share link to that page? We can check easier.

if your site is trial, you can setup password & share url.

On 9/20/2020 at 2:41 AM, maddei said:

@tuanphan I am having a similar issue with my banner getting cut off on mobile as well.   I'm not necessarily expecting to get the same ratios as on the desktop, but I'd at least like more of it showing.  I've tried inserting codes and putting the block id for the banner in there, but I must be doing something wrong because it has no effect on it.

https//:www.madeleinedeighanphotography.com/

I think you need new image on mobile only.

Add to Home > design > custom CSS

@media screen and (max-width:640px) {
section#new-page-2 figure img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
}

Your site is private. Can you setup password & share url?

Hi. Do you still need help on this?

It seems Flatiron Template.

The site uses some custom code for

• Fixed Header, Footer
• Show Title on Project Image Hover

You can do same with our help. Just ask questions, we will give free code.

.tweak-transparent-header:not(.header--menu-open):not([data-menu-overlay-theme-switcher="true"]) .header-announcement-bar-wrapper.black .header-nav-wrapper a {
    color: #000;
}

Can you share link to a product? We can check easier.

Add to Home > design > custom CSS

div#block-yui_3_17_2_1_1571767643993_3689 {
    padding-bottom: 0;
}
div#block-yui_3_17_2_1_1600260731203_6546 {
    padding-top: 3px;
}

Add to Home > Design > Custom CSS

.sqs-lightbox-slide .sqs-video-overlay img {
    display: none !important;
}

You mean @7 00 pm?

Add to Page Settings > Advanced > Header

<style>
  div#fb-root {
    display: none;
}
</style>

Where is summary block? Can you share link to exact page?