Header slider tablet landscape

  • Resolved conico

    (@conico)


    6 years, 1 month ago

    Hi,

    I am having problems with the responsiveness of the website.
    When I try to visualize it on an ipad (air 3) in landscape, the slider shows the image extremely zoomed.

    This is what I was trying to do.

    @media only screen and (min-width:768px) and (max-width: 1400px){
	.header-slider{
		margin-top: 0px;
		background-size: cover;
		background-position: center center;
		background-attachment: fixed;
	}
}

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Roman Bondar

    (@romanbon)

    6 years, 1 month ago

    Hello,

    When I try to visualize it on an ipad (air 3) in landscape, the slider shows the image extremely zoomed.

    Can you please provide some explanatory screenshots?

    You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

    Kind Regards, Roman.

    Thread Starter conico

    (@conico)

    6 years, 1 month ago

    Hi,

    Thank you for your answer.
    Here I show you some pictures:

    When I choose responsive:
    – Mobile portrait (iphone SE 4” display)
    https://ibb.co/NpdwWRx
    – Mobile landscape (iphone SE 4” display)
    https://ibb.co/84cn410
    – Tablet portrait (ipad air 3 10.5” display)
    https://ibb.co/fYGzczR
    – Tablet landscape (ipad air 3 10.5” display)
    https://ibb.co/ky4XzJQ

    When I choose full slider:
    – Mobile portrait (iphone SE 4” display)
    https://ibb.co/VgBs7xv
    – Mobile landscape (iphone SE 4” display)
    https://ibb.co/D9CkQM5
    – Tablet portrait (ipad air 3 10.5” display)
    https://ibb.co/R9QFRCq
    – Tablet landscape (ipad air 3 10.5” display)
    https://ibb.co/HHM0Hq9

    Besides de mainnav menu, which I kind of deal with it, I understand the image in portrait can’t be resized nicely but I should expect I nicer resize when in landscape.

    Hope this helps to make you undestand my point.

    Thank you.

    Roman Bondar

    (@romanbon)

    6 years, 1 month ago

    Hello, try to use the following CSS code.

    You can add CSS code in Customize → Additional CSS section.

    @media (orientation: portrait) {
    #slideshow .slide-item,
    .panel-row-style {
        background-attachment: scroll !important;
    }
}

    Kind Regards, Roman.

    Thread Starter conico

    (@conico)

    6 years, 1 month ago

    Thank you. It worked.

    Now I see a strange behavior when I go to the website in portrait works fine (1), then without refreshing I go landscape still goes fine (2) but when I go bat to portrait, it changes de header menu and navmenu disappears (3).

    1.
    https://ibb.co/9n25rmH
    2.
    https://ibb.co/6WFNx7y
    3.
    https://ibb.co/VwG8Rdk

    Roman Bondar

    (@romanbon)

    6 years, 1 month ago

    Hello,

    Can you please create a new topic for this issue in order to make it easier to help you?

    Kind Regards, Roman.

    Thread Starter conico

    (@conico)

    6 years ago

    Solved!
    Thank you!

    Roman Bondar

    (@romanbon)

    6 years ago

    You are welcome! 🙂

    Kind Regards, Roman.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Header slider tablet landscape’ is closed to new replies.