Here is a guide to changing, or adding icons to the main menu. The puzzle piece is a default icon used when the menu item isn't already defined in the css. This is a guide for the main menu only. All of the other icons, including the ones in the sidebar are called by the system, or directly from plugins, and are used site wide.

Here is some info about responsive themes vs.plugins. Although the theme has responsive ability, and has taken the base Oxwall plugins into account; third party plugins vary in responsive design. Some will only view well down to a tablet size, and others have absolutely no mobile capability at all. It is primarily up to the plugin dev to take mobile capability into account when they design the plugin. Theme dev's hands are tied since there is no way to know what a plugin can and can't do. I use a range of @media queries in the four themes to enhance mobile view. I will list them here. Maybe it will help if a dev sees them.

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation: landscape) {
}
@media only screen and (min-device-width : 481px) and (max-device-width : 767px) {
}
@media only screen and (min-device-width : 481px) and (max-device-width : 767px) and (orientation: landscape) {
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
}
@media only screen and (min-width: 1025px) {
}

The theme is designed using ltr "left to right" text direction. I have looked, and there seems to be no easy solution for rtl "right to left" text direction short of changing several css elements. I did find this below. What it would do is put everything in an rtl direction to a ltr direction allowing all of the css to display correctly while keeping the rtl language. Maybe someone with an rtl language direction can let me know if this is a sufficient fix for the issue, if so I can add it to the theme css, if not I won't.

Add this to the custom css for the theme in the admin panel.

body, html {
    direction: ltr;
}

Here's an interesting find for rtl conversion. I don't know how well it works.

https://www.google.com/...e=utf-8&oe=utf-8

Hi, there is problem with advertisement plugin.

Can't even install it..

In other pthemes works fine.

I just installed the plugin to check. It installed fine. See screen shot. Themes shouldn't affect plugins installing since that is actually part of the core functionality, and is separate from the themes. I didn't add any banners. I just installed the plugin. Once it is installed it is available for all of the themes.

I played around with it a little, and added some banners. They displayed without selecting any countries, but if you select countries, you will need to have the geolocation plugin installed for the banners to display. This is mentioned in the advertisement plugin information.

**This was added to the theme css on build 9900**
I noticed that with the advertisement plugin that large banners placed in the content section carry off the page on mobile screen widths. I've found this simple fix for it. Just add it to your custom css in the admin panel for the theme, and the banners will size to fit the screen width. I will submit this to the dev, if he doesn't implement it in the plugin, I will add it on an update. I would prefer that the devs make there plugins mobile friendly. You can copy, and paste all of the css below including the comment. That way you'll know what it is for.

/*Advertisement banner fix*/
.ow_ads_cont img {
    max-width: 100%;
    height: auto;
}

Edit: The dev will not add this to the plugin. It works with banners that I have on my test site. I will add it to the theme as an update.

**Added this fix to the latest update** 9970
Found a fix for the "Friend Lists" plugin. Currently the drop down on smaller screens is positioned above the "Moderation" and "More" buttons when you have the "Profile Cover" plugin. When you expand the Friend Lists drop down it i difficult to navigate the drop down menu because the "Moderation",and "More" buttons interfere. This simple css that you can add to your custom css in the admin panel will set the z-index of the Friend Lists drop down at a higher z-index position allowing the drop down menu to appear over the "Moderation", and "More" buttons so the menu can be easily navigated. I have seen this same thing with other themes, but I'm giving you a fix here, and again, I am waiting to see if the dev may add this simple fix tot the plugin before adding it to my themes. If I do end up adding it, I will post it in the update section so you can remove it from your custom css before updating.

.fl-context-w.fl-context-checked {
    position: relative;
    z-index: 10;
}

Great theme Darryl! Thanks for doing this for free!

Will it be too much to ask to make the mobile styling compatible with the Advanced Blogs Plugin?

https://developers.oxwall.com/store/item/1142

Thanks for the comment. I don't have the advanced blogs plugin. From looking at the demo page; it's a very busy plugin with multiple elements. The design of the plugin has no responsive design capability. It is full of set widths. I was able to manipulate some of it, but the slider, and images at the top of the page are very stubborn. Why devs aren't willing to re-design the plugin layouts to be mobile friendly is beyond me. I have helped a couple of them that have asked me to take a look to see what I can do. As I've said, I'm not a pro at css, but I am persistent, and sometimes find a way. It sometimes takes a while, but I have ran across some plugins that are hopeless.

Thanks Darryl,

Left a note on plugin's forum. Hopefully will heat from iDragon soon:

https://developers.oxwall.com/forum/topic/53094

Anybody know how to fix the broken link on the Add New Photo button on the sidebar of this Simply Responsive - SB theme? It's not letting me add photo; a blank window was open. Anybody out there have this same issue?

@ Van Tran. I'm not noticing this behavior on my test site, or my live site. When I click on the "Add New photo" link in the sidebar the add photo box opens.
Could be a conflict with another plugin, mod security, or possibly folder permissions.

Hi, Darryl B, I really appreciate your great effort for the theme, I just started to use it to build a social network in Hong Kong, I noticed that the header image can't be changed, if change to other themes, can't be changed either. Perhaps the permission is not enabled to do so, could you advise where to change the permission or any file could change the configuration?

The domain name is bestqp.com, thanks a lot for your time and contribution again!

Edward Zhou

Hello Edward, and thanks for the comment. You can check this forum topic for file, and folder permissions.

https://developers.oxwall.com/forum/topic/14334

I don't know if this is the theme or not but is there a way to remove the icons from the menu? You know, like it will show a little icon before the word on the header menu? Is there a way to remove only the icons before those words?

@ Blaire
Try adding this to the custom css in the admin panel.
.ow_menu_more_list li a::before, .ow_main_menu li a::before {
    display: none;
}

Font Awesome integration is version 4.7.0. If you are adding your own icons, you will need to use the icons at the following link. Currently I'm not very impressed with the free version of Font Awesome 5. the new free version requires a font weight of 900 which is a bold setting. This affects the appearance of some of the icons. I will continue to check in to see if they improve this. The free version of Font Awesome 5 is also the only one that can be used in distribution.

https://fontawesome.com/v4.7.0/icons/

I'm using SSL so https url on my site. I've found this message as a warning while debugging:
"Loading mixed (insecure) display content “http://sitename.com/ow_userfiles/themes/theme_image_1.png” on a secure page" 

I was wondering where this is pulling from and how I could change how it's being linked so that it coverts to https instead of http that is causing the mix up and warning.
(The site config file is https and this seems to be the only oddball link that didn't automatically get converted over so I'm thinking it is probably directly from the this theme?)

Thank you so much.

There is no me_image_1.png in the theme. Perhaps it's  a member photo that they linked to. Looks like a pretty common name for a picture of one's self. If they are linking to it, you want find it in your file because it isn't physically on your site.