Home › Forums › WoodMart support forum › Mobile View

Mobile View

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 9, 2018 at 9:49 am #94912

    [email protected]
    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

    [email protected]
    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

    [email protected]
    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

    [email protected]
    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

    [email protected]
    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)