Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter saeed

    (@saeedr)

    Hi @stefancotitosu ,

    Thank you for your reply.
    I will check and let you know the results.

    Thread Starter saeed

    (@saeedr)

    I changed the CSS code to This and it worked!

    @media (max-width: 600px) {
    	.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
        	width: 49% !important;
    	}
    }
    @media (min-width: 601px) and (max-width: 900px) {
    	.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
        	width: 32% !important;
    	}
    }
    @media (min-width: 901px) {
    	.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
        	width: 24% !important;
    	}
    }
    

    but about the breakpoint in NEVE theme
    which ones are correct? the one you mentioned or the one your colleague mentioned in old Support Threads?

    • This reply was modified 1 year, 2 months ago by saeed.
    Thread Starter saeed

    (@saeedr)

    Hi?@stefancotitosu ,

    Thank you for?your reply,

    Desktop and mobile are working fine by default, but it’s not functioning properly on tablets (I mean the custom CSS didn’t worked).
    here is the test URL https://1stlove.ir/page-sample/

    I searched through the old support tickets related to the NEVE theme, and in one of the answers from your colleagues, she mentioned that the breakpoints in Neve are set at 576px for mobile, 959px for tablets, and the desktop view begins at 960px.

    • This reply was modified 1 year, 2 months ago by saeed.
    Thread Starter saeed

    (@saeedr)

    Hi @stefancotitosu
    Thank you for your reply

    Here is a test URL I’m working on
    https://1stlove.ir/page-sample/

    I don’t want the cover image on PC to be full screen, so I need to set 2 or 3 separate cover images for each device (desktop, tablet, mobile) and set “display: none” be CSS for those that must be hidden on other devices

    I set 3 cover images, be for different devices (desktop, tablet, mobile) …
    the one for tablet seems working fine
    but for pc and mobile there is a gap between cover and the below block which is the gallery in my case

    any better solution or shall I do this the way I’m working on?

    Thread Starter saeed

    (@saeedr)

    Thanks

    • This reply was modified 2 years, 8 months ago by saeed.
Viewing 5 replies - 1 through 5 (of 5 total)