dorotapo

Amazing, thank you a lot!

https://www.dorotaporebska.com

Hello,

I am using Squarespace 7.1. 
Portfolio pages do not show full width images on mobile view, only on desktop.

See attached screenshots for your reference. As you can see, the gallery has margins at both sides on mobile view. Does anyone know how to force full-width view on mobile view?

Many thanks in advance!

On desktop there are no spaces on sides. I would like same look on mobile. 

Best,

Dorota.

On 10/27/2023 at 4:47 AM, tuanphan said:

So on mobile, you want the order will be

or

or?

i prefer second option if its possible.

Thanks! 

i prefer second option if its possible.

Thanks! 

Thanks, we are almost there. But now there are two rows but images from third row are under that.

https://dorotaporebska.com/archive - you can check it on mobile

Hello guys

Need help with adding/removing padding in header. I am using 7.1.

Now I am working on demo version so there is no link to my page, I insert link for my old web (I want my new 7.1 to look like this one from 7.0 🙂 ). 

Do you have any codes for managing this padding:

Im using this code (for having footer navigation on the top right)  in Code injection:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script type="text/javascript">
   $(function() {
   $(".header-display-desktop .header-nav-item:nth-child(n+3)") .prependTo (".header-actions--right");
});
</script>

and In CSS:

.header-actions .header-nav-item {
  padding-right:2.1vw !important; /**change as needed**/
}

.header-nav-list {
  display:flex;
  justify-content:flex-end !important;
  .header-nav-item{
    padding-right:2.1vw; 
  }
}

a#site-title {
    visibility: hidden;
}

Also I would like to remove this underline, love to change it for overlay:

THANK A LOT!!!

Hello guys,

Could you help me with this issue? 

I am using Brine. On this page https://dorotaporebska.com/archive in desktop view I have 3 columns and that is ok but on mobile view I have one column or 3, and I would like to always have 2. 

I would like it to look like this on Mobile:

And stay like this on desktop:

Do you have any idea how to fix it?

Thank you so much!

Thanks!

https://dorotaporebska.squarespace.com/config/website/pages

Hello guys

I need help with this issue. 

On desktop screen I have 3 columns of images in my page - ARCHIVE  and that's fine but on mobile view I have one and would like to have two columns (one in this page). 

Is it possible to fix that? 

Hello guys

I have have issue with page with images.

I've created two rows with images with no spacer between. But on mobile view I have spacers between columns. Do you know how to avoid that? 

As you can see there is no spacer on desktop view. 

@Beyondspace sorry I can't do that. 

I just want to have transparent background on navigation

Hi guys

I am using Brine and this code for sticky navigation:

/* Fixed Header */
.Header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0px;
}
.Content-outer {
  margin-top: 10px;
}

It works. But also I would like to  have transparent instead of white background. Is there any way to modified this code? 

Thank you so much. 

9 hours ago, Ziggy said:

Try this, we also need to reduce the side padding in addition to the previous code:

#collection-633de06f9f4bb07ba0a16de7 { 
  .Main-content {
    padding:10px 0px;
  }
}

Thank you, it worked:)

There is still same padding on sides 😞

https://dorotaporebska.com/gmaro-magazine

@Ziggy

https://dorotaporebska.squarespace.com/config/pages

Hover effect is unavailable on mobile?

Hello guys

Is there any code to manage padding on Pages (not gallery page or home page). 

I want to cover more space from the sides. 

Thank you!

Hello guys

I have an issue with text on image. I would like it to be showing up in the middle of image while hover on image. 

I there any way to do that? Now Im using Brine and caption overlay on hover but it is on the bottom and on black background. 

7 hours ago, Ziggy said:

This code should help:

#collection-6370f9c1f56d1d793c9f108b {
 .tweak-site-width-option-full-background .Main-content {
   max-width:2000px;
 }
 .Main-content {
   padding: 0px 20px;
 }
}

Hope that works!

thank you so much:)

Hello guys 🙂

I have an issue, do you know how to change padding only in one gallery page? I want it to be smaller on both sides. 

But I don't want to change anything on my home page or other pages.  Only this one which is gallery page. 

I am using Brine. Here is a link for this page https://dorotaporebska.com/archive

thank you,

Hi guys

Can anybody help me with code for this issue:

I would like to have only 3 rows in gallery (brine template) on every desktops 

Its not working on the mobile 😞

yes, between pictures