I have had an excellent and drama free time building my website with the Salient theme and by all accounts the site looks great. But there is always one problem and I have one when it comes to looking at the front page of the website on an iPad (Air v1) in portrait view and I presume any other device with a similar screen size and orientation. As you move down the front page from the start screen on a tablet you first get to "Websites", then the next section is "E-Commerce/Shopping Carts". The "Website" part displays perfectly but when you get to the "E-Commerce" section either by button link or scrolling, the title (which is an image) that says "E-Commerce - Shopping Cart Solutions" hides it's bottom half under the text section below it. Now that can be fixed by adding a tonne of space between the title image and the text but then you have a huge amount of real estate when displayed on a desktop etc.
I have tried reconfiguring the layout every way possible and cannot figure out what is causing it? If I replicate the exact same layout that the Website section has it should, in theory, give me no problems but it still does it??? It also happens on a smaller scale on the next section down called, "Other Services", where the title image is again sliding under the text box below it. Again I have no idea what is causing this.
At present I have it set up so that it passes with a push to the non discerning eye, but it shouldn't be happening.
Can someone with a fresher set of eyes have a look at it for me, please? You will need to compare the site between a desktop and a tablet to get what is wrong with the display.
Hi,
I have had an excellent and drama free time building my website with the Salient theme and by all accounts the site looks great. But there is always one problem and I have one when it comes to looking at the front page of the website on an iPad (Air v1) in portrait view and I presume any other device with a similar screen size and orientation.
As you move down the front page from the start screen on a tablet you first get to "Websites", then the next section is "E-Commerce/Shopping Carts". The "Website" part displays perfectly but when you get to the "E-Commerce" section either by button link or scrolling, the title (which is an image) that says "E-Commerce - Shopping Cart Solutions" hides it's bottom half under the text section below it. Now that can be fixed by adding a tonne of space between the title image and the text but then you have a huge amount of real estate when displayed on a desktop etc.
I have tried reconfiguring the layout every way possible and cannot figure out what is causing it? If I replicate the exact same layout that the Website section has it should, in theory, give me no problems but it still does it??? It also happens on a smaller scale on the next section down called, "Other Services", where the title image is again sliding under the text box below it. Again I have no idea what is causing this.
At present I have it set up so that it passes with a push to the non discerning eye, but it shouldn't be happening.
Can someone with a fresher set of eyes have a look at it for me, please? You will need to compare the site between a desktop and a tablet to get what is wrong with the display.
andY
Hey ,
@media only screen and (max-width:1000px){ img.img-with-animation[data-animation=\"fade-in-from-bottom\"] { transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; } }
Best.ThemeNectar Support Team
Thankyou very much that worked a treat.
But now it is doing it in landscape view too on a tablet, could I bother you for the fix please?
Cheers,
andy
Chang the max-width in css to 1025 .
Cheers
ThemeNectar Support Team
Thankyou very much, now it\'s perfect!