-
-
Hi I am experiencing problems with the site when viewed with an Ipad. Different elements seems not to fit well in the layout.
Site is http://www.joanasanz.es
Could you tell me how to fix it?
Thank you.
-
Hello,
Please add these lines into your custom css box:
@media (max-width: 1100px) and (min-width: 981px){ .top_wrapper { padding-left: 8% !important;} nav .menu > li { margin-right: -7px !important; margin-left: -7px !important; } } @media (max-width: 979px) and (min-width: 768px){ .boxed_layout { left: 20px !important;} .container { width: 669px !important;} .rev_slider >ul { width: 669px !important;} }
Let us know.
Best regards!
-
It looks better now. But there is no margins at the side. Is there a way to put some margins?
-
I mean margins beetween the inside of the box and the text.
-
It looks exactly the same than before adding the code. Any clue?
-
Hello,
I can see from inspect element that the custom css has taken over the default one. It is not the same. The columns where “In-Company” section is, are less wide, which creates more padding between text and border.
Edit this code:.latest_blog .no_carousel .blog-item { width: 30%; margin-left: 16px; }
to this:
.latest_blog .no_carousel .blog-item { width: 30% !important; margin-left: 16px !important; }
I guess i misunderstood you, please add this code inside the
@media
block, too:.latest_blog .blog-item .content p { margin-right: 16px !important; margin-left: 16px !important; } .services_small .content div {margin-left: 10px !important;}
Best regards!
-
-
You must be logged in to reply to this topic.