Hello,
Try to add this code in Custom CSS for mobile:
.woocommerce-page .sidebar-mobile-top > .row {
max-width: 100%;
margin-left: 0;
}
Regards,
Rose Tyler.
Hello,
You need to change margin for some your elements in VC settings http://prntscr.com/ebzhum
Also, add this code in Custom css:
.main-footer #es_txt_email {
max-width: 150px;
}
Regards,
Rose Tyler.
hello,
i have removed the margin of the VC element and i added the code from above,but still scrolls to the left or to the right(less).
And i have the same problem also to the pages(does not fit the title of breadcrumbs).
Update:I think that i have fixef it,by remove all the margins.
So when i set a margin,the site does not adapt to mobile?
Also,why this image is not adapted fine and so is blurred?
Thanks
Hello,
Try to use vw or vh instead px to set margin.
Also, you need to upload the image in higher resolution.
Regards,
Rose Tyler.
Hello,
I mean vw (1vw = 1/100 of the current viewport width, i.e. 1% of the width) or vh (15vh = 15/100 of the viewport’s current height or 15% of the height), and also you can to use %.
On mobile this block with the image have height 772px, so you need to upload the image in higher resolution or change padding-top and padding-bottom of this block http://prntscr.com/edwn5f to 5vw.
Regards,
Rose Tyler.
Hello,
i have changed the image(dimensions: 2907×1356)
and i have set the padding-top and padding-bottom to 5vw.
But as you can see the image does not fit well.And that was also the problem with previous image.
It displays only a part of the image to mobile.Thanks
Hello,
To display full image on mobile you can add custom class for row and write code “background-size:contain;”. Is this what you want http://prntscr.com/edxxru ?
Regards,
Rose Tyler.
Hello,
i still have the same issue.
I named the row custom class to ‘omada’ and i set this code to Custom CSS for mobile
.omada {
background-size:contain !important;
}
What i must to do to display full image on mobile?
Thank you
Hello,
Change your code to:
.omada .upb_row_bg {
background-size: contain !important;
}
Regards,
Rose Tyler.
Hello,
To change counters size you need to write another custom code.
Could you please clarify with more details what you want to achieve and provide wp-admin access in Private Content?
Regards,
Rose Tyler.
I want all this that appears to the desktop to appears also to mobile but with the width of counter columns to 1/2.
I make it but the columns are out of the background.
http://prntscr.com/eh830n
There is not a mode to enlarge the picture so as to fit whell the columns?
Hello,
You can change this your code in Custom CSS for mobile:
.omada .upb_row_bg {
background-size: contain !important;
}
to:
.omada .upb-background-text-wrapper, .omada{
height: 200px !important;
min-height: 200px !important;
}
.omada .stats-block div {
font-size: 1em !important;
}
.omada .stats-block, .wpb_content_element {
margin-bottom: 0 !important;
}
span {
font-size: 0.5em !important;
}
.omada .upb_row_bg {
background-size: 450px !important;
}
Regards,
Rose Tyler.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty
You may extend support period on ThemeForest and then update its status by clicking "Update" button in your Account area.
Purchase code | Expiration date |
---|---|
d7ed5d03-cb21-4657-b20c-442972d0523c | 15 Nov 2016 |