PaulG777

Nevermind, I seem to have figured this out by using the "max-width" and setting the value by using "vw"

5 hours ago, tuanphan said:

I see your screenshot is fine. Can you explain in more clearly? Thank you.

Hi, see how the orange bar next to "brand" begins to overlap the word "brand"? I would like to avoid this if possible.

Site URL: https://www.farmore.io

Hello all,

I'm having a unique issue - I have some image blocks alongside text in a few places throughout my site. They look fine on desktop and mobile, but when resizing the browser window (or on smaller displays that are not mobile) the image overlaps the text. See the orange bar next to "brand" in the screenshot below.

Is there a way to set a max width for the images, or have them scale automatically using CSS?

Thanks in advance.

6 hours ago, tuanphan said:

I think I have an idea with Lightbox.

However, Can you describe in detail this/or have some example screenshot of this feature?

• On-page navigation to sort between various categories of videos

 

Hi,

Essentially something like this where each button filters the videos tagged under each respective category:

Site URL: https://www.farmore.io

Hello,

I am trying to build out a sort of portfolio for past video production work, all displayed in a grid on one page. There are two things our team wants:

• On-page navigation to sort between various categories of videos
• For each video to lightbox in full screen when clicked

To accomplish the first goal, it seems my best option is to use the "Videos" page type. The only issue is that this page type does not seem to allow for the lightbox feature - rather, it takes you to an individual page for the clicked video.

Is there a way to code around this? If not, can anyone offer any suggestions that would allow both on-page category sorting and the lightbox feature?

Any help is appreciated.