Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

bangank36

Circle Member
  • Posts

    4,545
  • Joined

  • Last visited

  • Days Won

    53

Community Answers

  1. bangank36's post in Sidebar Navigation (7.1) Stacking Navigation Links was marked as the answer   
    If it 's your desired result, you can add the following codes to Home > Design > Custom Css
    @media only screen and (min-width: 800px) { .header-announcement-bar-wrapper { position: fixed !important; top: 0; left: 0; bottom: 0; width: 200px !important; padding-right: 0 !important; } .header-display-desktop { display: block; } .header-nav .header-nav-list { flex-direction: column; } } Let me know if it works property on your site
    Support me by pressing ๐Ÿ‘ if this useful for you
  2. bangank36's post in How to hide page gallery/banner title for Lincoln template was marked as the answer   
    Try
    .Index-gallery-item-inner h2 { display: none; } Let me know if it works properly on your site
    Support me by pressing ๐Ÿ‘ if this useful for you
  3. bangank36's post in How can I add a fixed vertical button on Vandam template? was marked as the answer   
    Regarding the fixed button, you can get some reference to:
    - The button-widget plug-in of elfsightย 
    - The old post for floating button with the link belowย 
    ย 
    ย 
  4. bangank36's post in How do I switch the site header layout to have navigation items on right side? was marked as the answer   
    You can try adding to Home > Design > Custom Css
    .header-display-desktop .header-title-nav-wrapper { order: 2; } .header-title-nav-wrapper .header-nav { order:2; } Let me know if it works properly on your site
    Support me by pressing ๐Ÿ‘ if this useful for you
  5. bangank36's post in Header folder disappearing into shop was marked as the answer   
    try this in custom css
    .Intro { z-index: -1; }
  6. bangank36's post in Customize the submit button in a lightbox form was marked as the answer   
    Can you try
    .form-wrapper input[type=submit]{ display: inline-block; width: auto; height: auto; border-width: 0; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: none; font-family: nunito-sans; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .1625em; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: normal; padding: 1.3em 2.171em; } ย 
  7. bangank36's post in Adding subtitle underneath category title on shop page was marked as the answer   
    You can try adding to Home > Design > Custom Css
    section[data-section-id="615b1adf9e102e351c99ecf7"] .nested-category-title:after { content: "Enjoy browsing our categories for different styles" !important; display: block; font-size: 25px; color: black; font-family: "jost"; padding-bottom: 15px; } Let me know if it works properly on your site
    Support me by pressing ๐Ÿ‘ if this useful for you
  8. bangank36's post in how can I put product title and product description above image gallary? was marked as the answer   
    I suggesting using order in flexbox to set the desired position for your own product
    .ProductItem-summary { flex-direction: column !important; } .ProductItem-summary .ProductItem-details { order: 1; padding-top: 0; } .ProductItem-summary .ProductItem-details h1 { margin-bottom: 0; } .ProductItem-summary .ProductItem-gallery { order: 2; } .collection-content-wrapper .ProductItem-nav { padding-bottom: 2em; } Let me know if it work properly on your site
    Support me by pressing ๐Ÿ‘ if this useful for you
    ย 
  9. bangank36's post in Limit size of image in Footer on mobile was marked as the answer   
    Try
    @media only screen and (max-width: 767px) { footer .image-block-wrapper img { width: 50% !important; height: auto !important; position: absolute; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); } } Support me by pressing ๐Ÿ‘ if this useful for you
  10. bangank36's post in Adjusting Images & Site Navigation for Mobile was marked as the answer   
    You can try adding to Home > Design > Custom Css
    @media only screen and (max-width: 767px) { section[data-section-id="60bfdcc95d0a710682ff1858"] .sqs-image-shape-container-element img { width: 50% !important; height: auto !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } section[data-section-id="60bfdcc95d0a710682ff1858"] .sqs-image-shape-container-element { margin-bottom: -20%; margin-top: -20%; } } Support me by pressing ๐Ÿ‘ if this useful for you
  11. bangank36's post in Chat widget lost behind Sections was marked as the answer   
    Add to Home > Design > Custom Css
    #toggle-chat, .toggle-chat-button-minimized.toggle-chatbox-button { z-index:999; } Support me by pressing ๐Ÿ‘ if this useful for you
  12. bangank36's post in Reducing space between projects on mobile view was marked as the answer   
    try
    @media only screen and (max-width: 640px) { .portfolio-grid-basic .grid-item { width: 49%; } } ย 
  13. bangank36's post in How to reduce the space between sections was marked as the answer   
    Add to Home > Design > Custom Css
    section[data-section-id="5f1e44a0b4238228f9eb4ee6"]{ padding-bottom:0 !important; } section[data-section-id="5f1e44a0b4238228f9eb4ee6"] .section-background { height: 100%; } section[data-section-id="5f1e44a0b4238228f9eb4ee6"] .section-background img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } Support me by pressing ๐Ÿ‘ if this useful for you
  14. bangank36's post in Reduce white space on mobile product page was marked as the answer   
    Add to Home > Design > Custom Css
    @media only screen and (max-width: 768px) { .collection-content-wrapper .ProductItem-additional { margin-top:0 } .ProductItem-details .ProductItem-details-excerpt{ margin-bottom:0; } } Support me by pressing ๐Ÿ‘ if this useful for you
  15. bangank36's post in Creating simple Anchor tags was marked as the answer   
    Do you mean anchor links? You can try the steps described in my link
  16. bangank36's post in Fixed Navigation on Mobile but NOT Desktop on 7.1 was marked as the answer   
    Add to Design > Custom Css
    @media only screen and (max-width: 768px) { #header { position: fixed; top: 0; right: 0; left: 0; } } ย 
  17. bangank36's post in Cover page text alignment was marked as the answer   
    Is this what you mean?

    Add to Home > Design > Cutome Css
    #collection-60b2f8794d872516fe0d2971 .sqs-slice-group.group-links { position: absolute; right: 0; bottom: 0; }
    Support me by pressing ๐Ÿ‘ if this useful for youย 
  18. bangank36's post in Help with re-Ordering blocks on Mobile. was marked as the answer   
    Add to Home > Design > Custom Css
    @media only screen and (max-width: 768px) { #collection-61527cba855cb5447a3b6abe { .Index-page { .sqs-layout.sqs-grid-12.columns-12 { .row { display: flex; flex-direction: column; .span-6 { &:first-child { order: 1; } } } } } } } Hope it is helpful for you
  19. bangank36's post in 7.0 Image spacing was marked as the answer   
    Do you mean removing the space at the bottom and top of the image?
    Try in Design > Custom Css
    #home-1-2 { .image-block-wrapper { >div { padding-bottom: 0 !important; } } .Index-page-content { padding-top: 0 !important; } } ย 
  20. bangank36's post in pls help how to place button side by side in mobile display was marked as the answer   
    try
    #block-yui_3_17_2_1_1632718761876_4973 + .row .span-6 { width: 50% !important; float: left !important; } ย 
  21. bangank36's post in Edit the chevron on form dropdown was marked as the answer   
    The arrow on your site is the default setting of select tag. You can remove it and add new arrow with some Css Custom.
    #block-ecf32290fe36c7c548b6 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://api.iconify.design/akar-icons/chevron-down.svg) no-repeat center / contain; background-size: 20px; background-position: calc(100% - 10px); } You can increase or decrease the px value the background-position if your want 'Padding' the arrow more or less
  22. bangank36's post in Full width menu on desktop was marked as the answer   
    Try in Design > Custom Css
    #collection-61297e8589e75c71b3b5527d .header-display-desktop { display: block; } Hope that it can help you to fix your issue
  23. bangank36's post in [SOLVED] Pop-up lightbox text help was marked as the answer   
    remove the # in the id="#...", that error repeat on the last 2 block

  24. bangank36's post in How to stack image collage on mobile? was marked as the answer   
    Add this into Design->Custom CSS
    @media only screen and (max-width: 600px) { .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrapper { margin-top: 0; float: none !important; width: 100%; } .sqs-block-image .design-layout-collage.sqs-narrow-width .intrinsic { width: 100%; } }
  25. bangank36's post in making a map block sticky in an Index page with 2 columns was marked as the answer   
    try
    #block-yui_3_17_2_1_1601407006045_59630 + .row .span-3 { position: sticky; top: 50px; } #artists-2.Index-page { overflow: visible; }
ร—
ร—
  • Create New...