I would like to replace the slider on the front page of the site https://www.sales-counselor.de/ with a static image as the slider only has one slide anyway and the loading time for a simple JPG should be shorter on slower internet connections than loading the whole slider “engine”.
After deactivating the slider, adding the media/image instead on top and tweaking the margins the result looked exactly the same as the slider on desktop browsers and iPad, but at the mobile version of the site the image wasn’t displayed full-width but shrinked to a smaller size with a white margin right and left instead.
Is it possible to display the image with full width and no margins on the responsive site but looking like the slider on the desktop version? Would be awesome. Thanks a lot!
Are you referring to this site: https://s602262362.online.de/ ?
This is what i see in mobile, screenshot. What do you need to change here? Let us know so we can provide the right code.
A workaround for this is to assign a new css class to the row containing the header image (example: custom_class) and then add this css code into the page’s custom css box:
