Mobile View

This topic has 7 replies, 2 voices, and was last updated 7 years, 7 months ago by Elise Noromit.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
December 9, 2018 at 9:49 am #94912

sahasubrata235@gmail.com
Participant

Hi, Thank you for all your previous support. I have almost completed my site for PC. Now, I am starting to build mobile view site. How can I change the position of section title widget. I set up this for PC and it shows good but for mobile the title is showing half? How can I change the title position to middle? I have provided the link you can search in mobile

Attachments:
You must be logged in to view attached files.

December 9, 2018 at 11:08 am #94921

sahasubrata235@gmail.com
Participant

Can I set different home page for mobile view..Is it possible?

December 9, 2018 at 1:49 pm #94949
Elise Noromit
Member
Hello,

Add the code to the Theme Settings > Custom CSS > Tablet and Mobile
```
.tabs-wd-5c0d1c2a309ae.tabs-design-simple .tabs-name {
	font-size:12px
}
```
Set the font-size as per your needs.

There is no possibility to display different pages on different devices.

Best Regards
December 10, 2018 at 2:47 am #95020

sahasubrata235@gmail.com
Participant

I have added this code to my CSS but no changes has been made to mobile view. Can u check it?

December 10, 2018 at 2:56 am #95022

sahasubrata235@gmail.com
Participant

I have added social button in header builder mobile but is not showing in mobile view. Why?

Attachments:
You must be logged in to view attached files.

December 10, 2018 at 9:16 am #95076

Elise Noromit
Member

Hello,

You have set margin and padding into Design section http://prntscr.com/lsysus they cannot be rewritten with CSS, you need to remove them.

You need to assign a class to the section title http://prntscr.com/lsyurz and http://prntscr.com/lsyvgx

Then create custom CSS for the desktop using this class and reset the margins and paddings for mobile.

As for the header, the row has been hidden on mobile http://prntscr.com/lsz3w6 Disable the option.

Best Regards

December 10, 2018 at 11:43 am #95118

sahasubrata235@gmail.com
Participant

Thank you so much for ur solution…but If I hide this section for mobile and tablet and create a new section title which is visible only from mobile and tablet, will this cause any problem?

December 10, 2018 at 11:54 am #95123

Elise Noromit
Member

Hello,

Yes, this is one more way to do that. Just clone the row and hide the columns on different devices.

You will find the video tutorial on how to do that.

https://wpbakery.com/video-academy/responsive-column-control-width-offset-param-usage-explained/

and

https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

Best Regards
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

Mobile View

Attachments:

Attachments:

Antares

Pluto

Mercury

Uranus

Ceres

Lumen