-
Posts
-
Hello, we are now testing the devices.
The boxes below the slider are rectangular standing on the Ipad. On the desktop is rectangular horizontal. It’s okay like that. The standard we want is the desktop. How to leave the same on the Ipad?
LINK SITE
SCREEN IPAD
SCREEN DESKTOP
Hey mleite1,
Try to add the following custom code at Enfold Theme Options > General Styling > Quick CSS
#top .flex_column_table { table-layout: initial !important; }Best regards,
John TorvikJohn, obrigado pelo retorno.
Inseri o código
#top .flex_column_table {
table-layout: initial !important;
}
e não percebi nenhuma diferença.Hi,
I think that you wrote that the code didn’t make any difference? Please try to write in english so that all moderators can help you out.
Best regards,
RikardHi mleite1,
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 (min-width: 768px) and (max-width: 990px) { #av_section_1 .container { max-width: 100%!important; } #top .no_margin.av_one_third { padding: 10px 20px !important; } }If you need further assistance please let us know.
Best regards,
VictoriaVictoria, I’ve added your code and the boxes remain unchanged. They remain in the standing format. They should get wider on the screen.
Hi mleite1,
YOu have a rule in dymanic avia that cannot be overridden like that, you should put this code in a child theme if you have one, in themes/enfold/css/custom.css (you need to edit this file in cpanel or via ftp) :
@media only screen and (min-width: 767px) and (max-width: 990px) { #av_section_1 .container { max-width: 100%!important; } #top .no_margin.av_one_third { padding: 10px 20px !important; } }If you need further assistance please let us know.
Best regards,
VictoriaVictoria, thanks for the feedback.
I work with CHILD THEME. But in it I only have FUNCTION and STYLE.CSS. I do not have custom.css. How do I resolve this? Copy of the parent theme the custom.css and paste in child? Tell me how to insert this CUSTOM.CSS file into Child.
Hi mleite1,
So the code does not apply when you put in child theme? Where is the code now? Quick css or in your child theme style.css?
Best regards,
VictoriaVictoria, this code I put in the QUICK CSS of my child theme. That’s right? But nothing has changed in the pits.
Is it to put the code somewhere else?
Hello, everyone, I have already inserted all the codes that you have passed me. But I did not succeed. I already cleared the cache and also did not see anything change.
Look at the screens. (are very different)
(http://www.hidrocon.com/hidrochild/)IMAGE IPHONE 7
http://d.pr/i/sJMc0e
/
IMAGE SAMSUNG
http://d.pr/i/Jekb5C
/
IMAGE DESKTOP
https://d.pr/i/YTb0lbHi,
The height of the boxes is based on the content inside and the smaller the screen gets, the smaller the boxes will be causing it to become taller to accommodate the content. One workaround is to increase the width of the container on iPad view.
@media only screen and (max-width: 1024px) { /* Add your Mobile Styles here */ #av_section_1 .container { max-width: 100%!important; } }Please edit the color section then apply a unique Section ID to it so that you can replace the generic id selector “#av_section_1”.
Best regards,
Ismael
- You must be logged in to reply to this topic.