for why us on the cell phone version, the horizontal photos just center.
I thought it would be great to either right justify them on phones only or to offer another image for the phone with another setting like adding the title using css.
Currenty the titles are photoshopped into the web version and look nice, but on the phone they get cut off.
So that is my idea for alternate solutions for my client.
If having a different version of the same web page is not possible, I thought the right justify was a good plan but cannot get it to work.
Can you help?
Here is my so far code that doesn't really work other than it does affect the phone:
@media only screen and (max-width: 680px) { .portfolio-full-bg-slider { float: right !important; min-width: 500px: !important; position: static; }
}
for the "our-approach" page, (this is one of your templates)
On the phone it looks strange, it does not alternate like it does on the web. I see why but is there a way to make it have a different order on the phone.
Would be great to have it go, photo text, photo text, photo text.
Can you please share your Wordpress credentials because I need to login to your site and see your questions again. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar (see how)
This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area.
Anyway, to be able to apply some styling changes only for some devices then you need to add your CSS codes in the Custom CSS > Responsive tab, then add the codes for the screen size ares that you want.
P.S: If you're looking for professional help in this matter, there's always someone available for such tasks on Codeable website. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
I think that the page is rendering as it should in mobile version too.
You can create elements of WPBakery Page Builder that will be valid only for Mobile or PC. To learn how to achieve that please see this video Responsive Control for Devices on the WPBakery Page Builder tutorials.
Hello,
I am wondering if you can help me for formatting smartphone and ipad screens so they look different than the web version of a page.
I only need it for two pages:
https://3bigwheels.com/why-us/
for why us on the cell phone version, the horizontal photos just center.
I thought it would be great to either right justify them on phones only or to offer another image for the phone with another setting like adding the title using css.
Currenty the titles are photoshopped into the web version and look nice, but on the phone they get cut off.
So that is my idea for alternate solutions for my client.
If having a different version of the same web page is not possible, I thought the right justify was a good plan but cannot get it to work.
Can you help?
Here is my so far code that doesn't really work other than it does affect the phone:
@media only screen and (max-width: 680px) {.portfolio-full-bg-slider {
float: right !important;
min-width: 500px: !important;
position: static;
} }
for the "our-approach" page, (this is one of your templates)
https://demo.kaliumtheme.com/agency/services-2/
(our version) https://3bigwheels.com/portfolio/our-approach/
On the phone it looks strange, it does not alternate like it does on the web. I see why but is there a way to make it have a different order on the phone.
Would be great to have it go, photo text, photo text, photo text.
Right now it goes
Photo text, text photo, photo text…
And it does not look so nice to me.
What do you think?
Hi Calvin,
Can you please share your Wordpress credentials because I need to login to your site and see your questions again. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar (see how)
Thanks!
Hi Calvin,
This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area.
Anyway, to be able to apply some styling changes only for some devices then you need to add your CSS codes in the Custom CSS > Responsive tab, then add the codes for the screen size ares that you want.
P.S: If you're looking for professional help in this matter, there's always someone available for such tasks on Codeable website. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
Have a great day!
Ok I think I agree.
But do you think that this page looks ok on mobile?
https://demo.kaliumtheme.com/agency/services-2/
Hi Calvin,
I think that the page is rendering as it should in mobile version too.
You can create elements of WPBakery Page Builder that will be valid only for Mobile or PC. To learn how to achieve that please see this video Responsive Control for Devices on the WPBakery Page Builder tutorials.
Have a great day!