Can you please have a look at this webpage: http://allisonparkinson.co.uk/wp/
When you start resizing browser window – making it smaller you will notice that some elements of the slider eg contact info slides over the left part of the text.
I set a left padding to the Contact info hoping that it will stop this element from sliding over the left column on small screens but it does not work.
Can you please advise how to stop this from happenning on small screens?
many thanks for your help,
It looks like your using divs inside headings? I don’t think that is correct markup. It’s also a little odd that your using the LayerSlider for this.
I recommend recreating the page but use the grid row element instead. You can drag columns inside each cell to create that layout your using. It would be a whole lot easier than doing this in the LayerSlider.
What is the grid row element? Do you mean the table element from Avia Layout Builder?
Also can I create slider/animation in the grid element?
Edit the page using the advance layout builder, you’ll see the Grid Row element inside the Layout Elements panel. No, you can’t create slider animations inside the grid row element but you can insert easy and content sliders inside the cells. Please take some time to review all of the resources in the Theme Documentation. A lot of basic stuff like theme installation, element configuration, options overview, css snippets and whole lot of handy stuff about the theme. You can watch video tutorials or get hold of a few hooks and filter functions that may help you to modify the theme as you like. You can also search the forum for any related questions or issues.
If you don’t find what you’re looking for, don’t hesitate to let us know and we will be happy to assist you. For any complicated questions or add-on, please visit our Feature Requests page. Thanks!
The topic ‘Homepage advanced layerslider does not center on mobile devices’ is closed to new replies.