Mobile Suggestion

[[email protected]]

Hi

would request following 2 options for boss theme:

1. Showing of widgets should be optional for mobile users. Some kinda setting in theme customisation would really help. Like Show widgets on/off for mobile view.

2. Mobile home page should be there in the theme customisation section. would love to display different home page to mobile users.

Thanks

[Alyssa]

@wrkazigmail
1) add this to custom.css mobile sections:
.widget-area{display:none;}
2) This is basic HTML, add your own div with a class like <div class="mobile_home">
Then put your mobile content within it. You can make a separate div for desktop_home. Then use the custom.css file to hide each class for whichever device.

[[email protected]]

Thanks..how do i create a mobile section in custom.css of child theme? Plz let me know

[Alyssa]

@wrkazigmail if you open and read custom.css you will see a few different sections for mobile to put your code within.

[[email protected]]

so i add this to 2.0 – Responsive media queries (mobile styles) section there and it would work for all mobile handsets?

or do i need to add seperately to each and every of the following section?

2.1 – MAXIMUM width of 720 pixels (phones landscape)
2.2 – MAXIMUM width of 350 pixels (phones portrait)
2.3 – MINIMUM width of 721 pixels (tablets+)

[Alyssa]

@wrkazigmail for phone you will need to add the code to 2.1 and 2.2. If you also want the code for tablet devices you will need to add it to 2.3 BUT you will also need to undo that code in the desktop 2.4 section since the tablet section is EVERYTHING above 721 pixels including desktops.

[[email protected]]

Thanks this worked..close this ticket

[Alyssa]

Great news, thanks for following up!

[[email protected]]

@tjchester something strange is happening…even if i dont add the remove widget code u gave to 2.4 for desktop still the desktop doesnt display widgets….anyway to force 2.4 section to show widgets? Let me know

[Alyssa]

@wrkazigmail if you look as section 2.3 it says screen larger than 721. You need to add code to show it on desktops in section 2.4. In a previous post I said you need to UNDO the code in section 2.4, so you will need to add the display code to section 2.4.

[[email protected]]

2.4 section i think this should come in

.widget-area{display:inline;}

kindly confirm

[Alyssa]

@wrkazigmail a couple options:
.widget-area{display:block;}
or
.widget-area{display:initial;}

[[email protected]]

wonderful..close this thread plz

[Alyssa]

Will do!