tuanphan

Use this new code instead .header-title-logo img { max-height: 150px !important; } .header .header-title-nav-wrapper .header-nav { display: block !important; } .header .header-burger { display: none !important; } .header-nav { width: 60% !important; flex: 1 1 60% !important; } .header .header-title-nav-wrapper .header-title { flex: 1 0 40% !important; }

Yes. You can send site url + Password, we can help you easier

You can read this to know how to share site url with trial/unpublished site

With 7.1, you will need to add 2 Gallery Section - Slideshow then use CSS code to make them side by side. (You can add it, we can give the code) Or ask a Circle Member to add 2 Gallery Block - Slideshow to you.

Use some code like this under above code .grid-item:nth-child(1) .grid-image:after { background-color: red !important; /* chage overlay color here */ } .grid-item:nth-child(2) .grid-image:after { background-color: #f1f !important; } .grid-item:nth-child(3) .grid-image:after { background-color: rgba(0,0,0,0.5) !important; } .grid-item:nth-child(4) .grid-image:after { background-color: violet !important; } Repeat similar You can use color name (eg: red), hex color (eg: #f1f), rgb (eg: rgb(0,0,0)) or rgba color (eg: rgba(0,0,0,0.5)) This code will apply all portfolio pages, if you use multi pages, you can send link to portfolio page where you want to apply, we can tweak code easier

Hi, You should contact WeGlot support, they can check backend and help you easier

Add this to Design > Custom CSS or Website > Website Tools > Custom CSS /* Fix space */ .gallery-block { padding-bottom: 0px !important; } .horizontalrule-block { padding: 0px !important; }

Mobile looks fine

If you use Business Plan or higher, add this code to Page Settings > Advanced > Code Injection <style> /* hide burger */ .burger-inner { visibility: hidden; } </style> If you use Personal/Basic Plan, edit these pages > Add a Code Block (anywhere on page) > paste this code <style> /* hide burger */ .burger-inner { visibility: hidden; } </style>

To align >, use this CSS .header-menu-nav-item-content { display: block !important; } span.chevron.chevron--right { float: right; margin-top: 8px; } With padding, use this div.header-menu-nav-folder--active div.header-menu-nav-item a { margin-left: 0 !important; }

You can remove this code, we can check it again easier

Your site is private. Can you setup an access password? We can access easier

if you share link to this page, we can help easier Also, you can see this

Add this to Design > Custom CSS or Website > Website Tools > Custom CSS /* Embed Code Padding */ .fe-64c36f8046cfda7142c48ba4 { grid-template-rows: repeat(30,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; }

Style 8. First, change Gallery Section Grid to 4 columns Next, use CSS code (code for 60 items) div.gallery-grid-wrapper { grid-template-columns: repeat(4,minmax(0,1fr)) !important; grid-template-rows: repeat(10,minmax(0,0.3fr)) !important; } .gallery-grid-item-wrapper { padding-bottom: 0 !important; height: 100%; } .gallery-grid-item img { position: static !important; } figure.gallery-grid-item:nth-child(1) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(2) { grid-column: ~"1 / 2" !important; grid-row: ~"2 / 4"; } figure.gallery-grid-item:nth-child(4) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(5) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(6) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(7) { grid-column: ~"1 / 2" !important; grid-row: ~"5 / 7"; } figure.gallery-grid-item:nth-child(9) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(10) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(11) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(12) { grid-column: ~"1 / 2" !important; grid-row: ~"8 / 10"; } figure.gallery-grid-item:nth-child(14) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(15) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(16) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(17) { grid-column: ~"1 / 2" !important; grid-row: ~"11 / 13"; } figure.gallery-grid-item:nth-child(19) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(20) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(21) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(22) { grid-column: ~"1 / 2" !important; grid-row: ~"14 / 16"; } figure.gallery-grid-item:nth-child(24) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(25) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(26) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(27) { grid-column: ~"1 / 2" !important; grid-row: ~"17 / 19"; } figure.gallery-grid-item:nth-child(29) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(30) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(31) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(32) { grid-column: ~"1 / 2" !important; grid-row: ~"20 / 22"; } figure.gallery-grid-item:nth-child(34) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(35) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(36) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(37) { grid-column: ~"1 / 2" !important; grid-row: ~"23 / 25"; } figure.gallery-grid-item:nth-child(39) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(40) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(41) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(42) { grid-column: ~"1 / 2" !important; grid-row: ~"26 / 28"; } figure.gallery-grid-item:nth-child(44) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(45) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(46) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(47) { grid-column: ~"1 / 2" !important; grid-row: ~"29 / 31"; } figure.gallery-grid-item:nth-child(49) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(50) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(51) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(52) { grid-column: ~"1 / 2" !important; grid-row: ~"32 / 34"; } figure.gallery-grid-item:nth-child(54) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(55) { grid-column: ~"2 / 5" !important; } figure.gallery-grid-item:nth-child(56) { grid-column: ~"1 / 5" !important; } figure.gallery-grid-item:nth-child(57) { grid-column: ~"1 / 2" !important; grid-row: ~"35 / 37"; } figure.gallery-grid-item:nth-child(59) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(60) { grid-column: ~"2 / 5" !important; } Style 9. Change Grid to 4 columns then use CSS code figure.gallery-grid-item:nth-child(7n - 6), figure.gallery-grid-item:nth-child(7n - 4) { grid-column: ~"1 / 3" !important; } figure.gallery-grid-item:nth-child(7n - 5) { grid-column: ~"3 / 5" !important; } figure.gallery-grid-item:nth-child(7n-1) { grid-column: ~"1 / 4" !important; } div.gallery-grid-wrapper { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(12,minmax(0,0.5fr)) !important; } .gallery-grid-item-wrapper { padding-bottom: 0 !important; height: 100%; } .gallery-grid-item img { position: static !important; } Style 10. Change Grid to 3 columns, then use CSS code figure.gallery-grid-item:nth-child(4n-3) { grid-column: ~"1 / 4" !important; } div.gallery-grid-wrapper { grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-template-rows: repeat(10,minmax(0,0.3fr)) !important; } .gallery-grid-item-wrapper { padding-bottom: 0 !important; height: 100%; } .gallery-grid-item img { position: static !important; } Style 11. Change Grid to 3 columns then use CSS code figure.gallery-grid-item:nth-child(4n) { grid-column: ~"1 / 4" !important; } div.gallery-grid-wrapper { grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-template-rows: repeat(10,minmax(0,0.3fr)) !important; } .gallery-grid-item-wrapper { padding-bottom: 0 !important; height: 100%; } .gallery-grid-item img { position: static !important; } Style 12. Change Grid to 3 columns then use CSS code figure.gallery-grid-item:nth-child(7n-6) { grid-column: ~"1 / 4" !important; } div.gallery-grid-wrapper { grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-template-rows: repeat(10,minmax(0,0.3fr)) !important; } .gallery-grid-item-wrapper { padding-bottom: 0 !important; height: 100%; } .gallery-grid-item img { position: static !important; }

Hi, Can you share link to current page? & send desired sidebar layout on other pages? We can help easier (I believe this is possible)

Hi, Can you share link to page where you have problem?

Can you keep code in Page Header + share link to 1 page? We can check problem easier

I think the code should be [data-section-id="64d627e2914c341ebfcfc9e3"] .content-wrapper { padding-right: 0px !important; max-width: 100% !important; } body { overflow-x: hidden; }

Each template in 7.0 will have a different structure so need a different code If you share site url, we can check & give code easier

I think the code should be @media only screen and (max-width: 767px) { .header-border, header#header { background-color: rgba(0,0,0,0.2) !important } }

Add to Design > Custom CSS or Website > Website Tools > Custom CSS /* Mobile - Homepage - Top video */ @media screen and (max-width:767px) { [data-section-id="64d535c47131067e93d2956b"] .html-block { visibility: hidden !important; } [data-section-id="64d535c47131067e93d2956b"] { min-height: unset !important; height: 35vh; }}

Can you provide embed code? I can test it easier

You mean show video on desktop, show image on mobile or resize on video on mobile only?

Can you share link to page where you have problem?