Hi, Please help me!
I have problems viewing on mobile template and that means:
1.On the Home page the three blue squares cover the slider. For now I have disabled them for mobile. How can I repair?
2. Immediately below the three squares there is the newsletter with the fields by name and email. I would like to stretch the fields a little, because on the mobile you do not see the whole email when the customer writes his email.
3. There is too much white space in the header. I would like to make sure that the logo and the buttons are in the middle. How could I do?
4. On the mobile Development page, the images are on top of each other. I would like to do as seen on the Laptop, that is text image text image.
5. The primary image in Innovation on the mobile pages I wish to see if the center.
Please help me to fix this….
Sorry for my rusty English!
Thank you so much for your time and help
Hey Robyx,
Can you please enable those blocks, so that we can help you adjust them. Can you please attach a few screenshots of other issues?
On Innovation page it is better to hide that element with the help of screen options for mobile screen sizes and add a new element with the image better optimized for mobile screens.
Best regards,
Victoria
Hi Robyx,
You need to show the blue boxes on mobile and use the code below to push them down.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767) {
.page-id-1417 #av-layout-grid-2 {
display: flex;
flex-direction: column-reverse;
}
.page-id-1422 #av_section_1 {
margin-top: 200px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria