Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 31, 2020 at 4:51 pm #1180291
    mike.rav

    Hi,

    I have a tab section with 3 tabs. I’ve set a background image on each tab with background-attachment : fixed.

    Below that tab section, I have 3 color sections again with background images set to fixed.

    The problem I see is that in the tab section (in Google Chrome), the background image is only visible in the first tab only. I found a thread with the same problem and i did as instructed there : https://kriesi.at/support/topic/individual-background-images-for-each-tab-tab-element/#post-839693

    With that tweak, the background images appear on all 3 tabs. But after scrolling down, the tabs’ background images do not appear on the same position vertically, as the background images on the color sections.

    I am placing the website’s access credentials in the private content area for you to check. Kindly mind the ReCaptcha in the login’s screen. Also make sure to accept the Google Terms.

    Thank you so much in advance

    February 6, 2020 at 6:43 am #1181963
    Ismael

    Hey mike.rav,

    Sorry for the delay. We tried to login to the site, but the account info seems to be invalid. Please check it carefully or provide another user account. A direct link to the page with the tab section will help as well.

    Best regards,
    Ismael

    February 6, 2020 at 9:26 am #1181973
    mike.rav

    Hi,

    Thanks for the reply.

    Please use the new credentials I placed in the private area.

    The tab section is in the home page : https://netinfopay.eu/newsite/

    Thank you!

    February 10, 2020 at 12:40 am #1182884
    Ismael

    Hi,

    Thank you for the info.

    We are able to check the site but the we didn’t see any background in the tab section element. Did you remove it? Please create a test page displaying the issue so that we can inspect it.

    Best regards,
    Ismael

    February 10, 2020 at 11:27 am #1182996
    mike.rav

    Hi,

    There is a background image set for each tab section ( PAY IN STORES – PAY ONLINE – AT THE TABLE OR AT THE DOOR)

    Here is an image to explain: https://ibb.co/1LYV5ww

    Thank you

    February 11, 2020 at 5:43 am #1183335
    Ismael

    Hi,

    Thank you for the info.

    The background in the tab section doesn’t align correctly because the tab section container is wider compare to the container of the color section. What we can do is adjust the size and position of the tab section background until it aligns with those in the color section. Please try this css code.

    .responsive #top .av-layout-tab {
	background-size: 1260px auto !important;
	background-position: 120px 0 !important;
}

    The value of the css properties above might have to be adjusted on different screens.

    This is the result after adding the css code.

    Screenshot: https://imgur.com/a/gGaONTO

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.