Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 20, 2022 at 10:47 pm #1376940
    navindesigns

    Throughout my site, the layer slider at the top does not look good (text overlapping) on some breakpoints (especially on tablet) see screenshot below

    screenshot – https://ibb.co/LdQQDnB
    dev site – https://balrajt13.sg-host.com/about/

    Is there anything I can do to fix this?

    Thanks

    December 21, 2022 at 2:48 am #1376951
    Mike

    Hey navindesigns,
    Thank you for the link to your site please try this css:

    @media only screen and (min-width: 990px) and (max-width: 1399px) { 
	.html_header_transparency #top #full_slider_1.avia-builder-el-0 .container.caption_container,
	 .html_header_transparency #top #full_slider_1.avia-builder-el-0 .slideshow_caption {
    padding-top: 180px !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 21, 2022 at 10:04 am #1376969
    Guenni007

    @navindesigns : why do you hamper the caption to show between 768 and 989 ?

    @media only screen and (min-width:768px) and (max-width:989px) {
 .slideshow_caption {
  display:none
 }
}
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.