Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: gecitli on February 28, 2016, 05:19:34 PM

Title: Wide A Responsive Theme
Post by: gecitli on February 28, 2016, 05:19:34 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=2837)

(https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png) (https://www.buymeacoffee.com/webtiryaki)

Wide is Super Flexible, Responsive and Bootstrap Based theme with Unlimited Options. It's Quite User Friendly with Sticky Tables, Retina Display and Attractive User Interface.

BoardIndex.template

off

(https://i.postimg.cc/D0XQJhX5/ERWnJZ.jpg)

Login

(https://i.postimg.cc/prHrCMSs/login.jpg)

on

(https://i.hizliresim.com/jWrPnm.jpg)

off menu

(https://i.postimg.cc/wTbHTdkn/ofmenu.jpg)

Mobile

(https://i.postimg.cc/MHNsNty3/mobil1.jpg)


Mobile menu

(https://i.postimg.cc/1z7YD98Z/mobilm1.jpg)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: The Domain Shop on February 29, 2016, 01:39:56 PM
Nice theme, why not change link colors to match?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: OCJ on March 02, 2016, 10:52:52 PM
I will try it. A lot of responsive themes do not work properly - menu problems.

Only thing I do not like is the side menu. The reason is that  I (and many people) use Simple Portal (one of the most popular mods) so I end up with 2 side columns. Would be nice if there was an option to have the  menu on the top all the time.
Still, I will give it a try as it looks pretty good and a lot of our forum users access the site from their phone. I had to go back to Curve as there were so many problems with themes and mods, or mobile theme menus not working.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on March 03, 2016, 06:48:56 AM
Hi, I did not fully understand where mistakes

here demo (http://webtiryaki.esy.es/index.php?theme=3)

work mobile

(http://i.hizliresim.com/E8pBjB.png)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: OCJ on March 04, 2016, 04:23:09 AM
I have not found any 'mistake' with your theme. The problems were with other themes.

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: N64dude on March 06, 2016, 07:23:11 AM
This theme looks pretty responsive to me.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jokkovitch on March 11, 2016, 10:32:59 AM
There is a mistake in this theme throwing a lot of error:

The function theme_linktree in index.template.php is using $scripturl w/o declaration.

line 675 is

global $context, $settings, $options, $shown_linktree;

has to be

global $context, $settings, $options, $scripturl, $shown_linktree;
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: mjh on March 19, 2016, 06:28:03 PM
Hi

I've downloaded the theme and it is in my Themes directory, fully expanded.

However, it will not install.

I added the directory name to the path for /Themes/Wide (and also tried vWide) and install icon clicking is not responsive :(

Now what please?

Thanks in advance.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: mjh on March 19, 2016, 08:42:48 PM
Never mind.  I figured it out.

Thanks anyway.

Now on to the next issue.....  LOL
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GQCritic on March 20, 2016, 02:05:20 PM
Very nice theme!
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: vanheckealain on March 28, 2016, 04:25:17 AM
Hi,
Very nice theme !!
I've the default theme installed 'smf default theme- curve' and have add "add seller pro" (http://www.smfhacks.com/ad-seller-pro.php (http://www.smfhacks.com/ad-seller-pro.php)) who is working well and I've some banner on the header and articles.
My problem is: when, I swith to this theme, the banner are not more visible.
Do I need to insterd the php code of the add seller pro on a page?
Thank you for your help
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: engrz on March 30, 2016, 11:04:20 AM
I have just installed this theme on my forum http://www.engrz.org in starting it looks fine.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: radu81 on March 30, 2016, 03:42:52 PM
Quote from: engrz on March 30, 2016, 11:04:20 AM
I have just installed this theme on my forum http://www.engrz.org in starting it looks fine.
the ads are covering the forum when scrolling down, probably you want to fix that ;) I would remove transparency from the menu

Nice template, congrats ;)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: dadodd on March 30, 2016, 04:45:24 PM
i have a problem with theme, when on mobile or similar screen the top menu with search is following, it is like float menu. as i move down menu folows down, so i can not see a thing on forum..is this normal with this theme or just me
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Xpresskonami on April 02, 2016, 07:05:54 AM
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop. But it show on mobile. And also the Position Toolbar like ( HOME , ADMIN , MEMBER , SEARCH , MODERATE ) are fixed. Is there any way I can make it to scroll up and down.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: corvey on April 18, 2016, 05:20:40 PM
I like this theme, thank you.  It also fixes the auto snap arrange issue that doesn't work quite right the on the stock 2.0.11 theme.   Though, this theme does need some tweaking to make it better, but I believe this is a great foundation for me to learn from.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: engrz on May 02, 2016, 11:45:34 PM
Hello

how to remove transparency or adjust ads in this templates? due to this hiding structure i just removed the theme.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: BiGBLiZZ on June 01, 2016, 03:12:36 PM
Quote from: jokkovitch on March 11, 2016, 10:32:59 AM
There is a mistake in this theme throwing a lot of error:

The function theme_linktree in index.template.php is using $scripturl w/o declaration.

line 675 is

global $context, $settings, $options, $shown_linktree;

has to be

global $context, $settings, $options, $scripturl, $shown_linktree;

This! Thank you!
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: skb on June 24, 2016, 03:44:47 AM
I'm using the theme. It is very impressive in looks. One small problem, the top blue Home icon doesn't link to the Index page, which it should. It doesn't do any thing on clicking.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: perfec2 on June 27, 2016, 03:08:09 AM
in mobile devices "Users Online" section only shows number of logged in users and don't show number of guests.
Please how can I make it to show both logged in users and guests as it is when view in desktop?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: ndmccain on July 05, 2016, 01:49:48 PM
I'm using it and it's wonderful! Thank you!

One question, how do I get the post icons to show up on the index page in mobile view?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: The Domain Shop on July 06, 2016, 07:53:18 AM
Quote from: ndmccain on July 05, 2016, 01:49:48 PM
I'm using it and it's wonderful! Thank you!

One question, how do I get the post icons to show up on the index page in mobile view?

Use firebug or if you use Google Chrome you can inspect elements, that will show you where it all happens :)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: engrz on August 11, 2016, 02:18:47 PM
this theme has a lot of errors in error log. i dont understand why?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: The Domain Shop on August 12, 2016, 02:09:51 PM
Quote from: engrz on August 11, 2016, 02:18:47 PM
this theme has a lot of errors in error log. i dont understand why?

Would you care to list the errors? Then we might be able to see whats happening.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Soulmaster on August 13, 2016, 04:26:12 AM
can't add add mod to it.. missing a line in index.template.php 


echo '
<input type="hidden" name="hash_passwrd" value="" />
</form>';
}]


is missing
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: andyt1320 on November 01, 2016, 10:12:03 AM
I have used this theme and really like it, the issue I have is on older, smaller mobiles, the user bar with "Unread Replies Logout"  floats over the forum categories making it impossible to select any. This seems to keep out of the way on larger mobiles like my Galaxy S6 but iphone 4's and the mini versions of samsungs have issues.
My forum is vjmc(hyphen)tb(dot)co(dot)uk(slash)forum
can you point me in the right direction to correct this or maybe fix this at the top of the selections so that it scrolls away as you move down the page?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: andyt1320 on November 02, 2016, 01:03:02 PM
Quote from: Xpresskonami on April 02, 2016, 07:05:54 AM
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop. But it show on mobile. And also the Position Toolbar like ( HOME , ADMIN , MEMBER , SEARCH , MODERATE ) are fixed. Is there any way I can make it to scroll up and down.
This looks like the same issue that I have, is there a fix for this, where can I find this element so that it can be made to scroll out of the way on mobiles
Thanks.  :D
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: andyt1320 on November 03, 2016, 04:59:01 PM
Can anyone help with this please, it seems like it should be easy to fix if I knew where to go. It seems that the view switches once the width reduces below about half screen (on my pc screen) and it's there that the header needs changing to sit above the forum body and scroll away as you scroll down and not stay covering the top of the screen.

I have just found also that the theme throws up an error if you try to access your profile. I'll try to get a note when I get back on my PC .

Many thanks in advance for any help and if I'm asking in the wrong place then apologies can I be pointed to the right place please.
thanks, Andy.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: wicked1 on November 03, 2016, 10:42:05 PM
Quote from: andyt1320 on November 01, 2016, 10:12:03 AM
I have used this theme and really like it, the issue I have is on older, smaller mobiles, the user bar with "Unread Replies Logout"  floats over the forum categories making it impossible to select any. This seems to keep out of the way on larger mobiles like my Galaxy S6 but iphone 4's and the mini versions of samsungs have issues.
My forum is vjmc(hyphen)tb(dot)co(dot)uk(slash)forum
can you point me in the right direction to correct this or maybe fix this at the top of the selections so that it scrolls away as you move down the page?
I was having a similar issue, and since I'm not that experienced with responsive css, it took some trial and error to try to resolve my issue.
What I ended up doing was going to the Theme folder's css sub-folder and finding the responsive.css file. Then inside, look for ".inventea-wrapper" and add    background: transparent; to the end of it (before the bracket) and make sure border is set to 0.

It may not be a "pretty" fix, but I'm gonna settle for it until the theme author or someone else with more experience can help.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: andyt1320 on November 04, 2016, 09:10:18 AM
Thanks wicked1 isn't that going to just deal with the bar and make the background see-through rather than the ideal solution to make the forum logo and bar both scroll up out of the way along with the page?

The other issue I mentioned is with the profile, this is the error that I get:
Parse error: syntax error, unexpected T_IS_EQUAL, expecting '(' in /home/vjmctbco/public_html/forum/Sources/Profile-View.php on line 403

Any help gratefully received of I will probably run out of patience with this one and look for a different theme without these issues.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: andyt1320 on November 04, 2016, 10:18:42 AM
In the index.css at line 3610 I have changed Position: Fixed; into Position: Relative; as this deals with the header area in the left border so when you use a mobile to view the forum, which is not very wide and it tries to re-order everything into a column, it leaves the header at the top of the page and it scrolls up out of the way. Result, but probably not the most elegant way of getting there!
Just the profile issue to look at now. Any help on that one would be gratefully received.
thanks.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: andyt1320 on November 05, 2016, 06:45:35 AM
So as if to prove that I really could use some help here... the "fix" in my last post works great on desktops at high resolutions and on mobiles but is all screwed uo now on tablets and older laptops!  :o :-[
I guess as there has been no help coming on this theme, I'd better just delete it out and try to find something that works. Perhaps I should have realised that some of the themes out there are only any good to you if you really know css and can fix them so the work on your forum!


I think I'm alone in here.... I can hear an echo.......echo.......echo..
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: ettore.gabrielli on June 01, 2017, 08:16:28 AM
I like this theme but i have a problem with this mod: https://custom.simplemachines.org/mods/index.php?mod=3012

I don't see Topic Description in post list...

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: VJA on June 02, 2017, 10:29:44 AM
   I get the following error upon trying to install SMF 2.0.14 

        Execute Modification   ./Themes/vVide/index.template.php   Test failed
   1.   Replace   ./Themes/vVide/index.template.php                   Test successful
   2.   Replace   ./Themes/vVide/index.template.php                   Test failed

As soon as I can figure out how to uninstall I will.  It is not being used on my forum at all.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Xpresskonami on June 18, 2017, 02:57:29 PM
Quote from: Xpresskonami on April 02, 2016, 07:05:54 AM
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop. But it show on mobile. And also the Position Toolbar like ( HOME , ADMIN , MEMBER , SEARCH , MODERATE ) are fixed. Is there any way I can make it to scroll up and down.


Please respond to this
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Veee on June 19, 2017, 01:27:34 PM
Quote from: VJA on June 02, 2017, 10:29:44 AM
   I get the following error upon trying to install SMF 2.0.14 

        Execute Modification   ./Themes/vVide/index.template.php   Test failed
   1.   Replace   ./Themes/vVide/index.template.php                   Test successful
   2.   Replace   ./Themes/vVide/index.template.php                   Test failed

As soon as I can figure out how to uninstall I will.  It is not being used on my forum at all.

you need to do the edits on boardindex and you're good.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Xpresskonami on June 19, 2017, 06:32:12 PM
Quote from: veruskapt on June 19, 2017, 01:27:34 PM
Quote from: VJA on June 02, 2017, 10:29:44 AM
   I get the following error upon trying to install SMF 2.0.14 

        Execute Modification   ./Themes/vVide/index.template.php   Test failed
   1.   Replace   ./Themes/vVide/index.template.php                   Test successful
   2.   Replace   ./Themes/vVide/index.template.php                   Test failed

As soon as I can figure out how to uninstall I will.  It is not being used on my forum at all.

same too. but i didnt install the smf 2.0.14 anymore, i just leave it in version 2.0.13
you need to do the edits on boardindex and you're good.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: assemblytube on August 08, 2017, 03:29:50 PM
Have just installed this theme and I like it a lot.
I have had a couple of errors which I cannot resolve.
*********************************************************

8: Undefined index: current_theme
/Themes/vVide/index.template.php
Line: 443



439: // Theme settings
440: if ($act == 'admin')
441: echo '
442: <li>
==>443: <a href="', $scripturl, '?action=admin;area=theme;sa=settings;th=', $settings['theme_id'], '">', $txt['current_theme'], '</a>






2: in_array() expects parameter 2 to be array, null given
/Themes/vVide/index.template.php
Line: 415



// Remove useless actions from menu
==>415: if (in_array($act, $prevent_actions))



***********************************************************
Does anyone have an idea on how I can resolve these errors?
Thank you.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: tanawat on August 09, 2017, 01:54:40 PM
In iphone when click Login it not respond.
(desktop,android OK)

Title: Re: Wide A Responsive Theme for SMF 2.0.14
Post by: mysimplesite on October 22, 2017, 04:13:54 PM
Where can I find/remove/replace the New Posts, No New Posts, and the Redirect Board icon list:
https://www.dropbox.com/s/w6146o0ypucx2iv/postIconsExample.jpg?dl=0

Title: Re: Wide A Responsive Theme for SMF 2.0.14
Post by: mysimplesite on October 22, 2017, 07:00:32 PM
Quote from: mysimplesite on October 22, 2017, 04:13:54 PM
Where can I find/remove/replace the New Posts, No New Posts, and the Redirect Board icon list

Solved. Replaced icons.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: mysimplesite on October 23, 2017, 08:37:59 AM
Some sidebar menu items missing icons. How/where do I add link to custom icon for sidebar menu items?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on October 23, 2017, 09:01:43 AM
Hello there

./index.css

Find

/*icons*/

Add After

.fa-forum:before{content: "\f0e6"}
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: mysimplesite on October 23, 2017, 11:03:19 AM
Thanks gecitli. I think I can figure it out now.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: mysimplesite on October 24, 2017, 08:32:50 AM
Hi gecitli. Icon additions/changes to left sidebar navigation area worked fine. Thanks for a great theme and your quick response.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: assemblytube on October 24, 2017, 11:10:52 AM
Does anyone know how to fix these errors in the theme's index.template.php? Am using SMF2.0.14

Quote from: assemblytube on August 08, 2017, 03:29:50 PM
Have just installed this theme and I like it a lot.
I have had a couple of errors which I cannot resolve.
*********************************************************

8: Undefined index: current_theme
/Themes/vVide/index.template.php
Line: 443



439: // Theme settings
440: if ($act == 'admin')
441: echo '
442: <li>
==>443: <a href="', $scripturl, '?action=admin;area=theme;sa=settings;th=', $settings['theme_id'], '">', $txt['current_theme'], '</a>






2: in_array() expects parameter 2 to be array, null given
/Themes/vVide/index.template.php
Line: 415



// Remove useless actions from menu
==>415: if (in_array($act, $prevent_actions))



***********************************************************
Does anyone have an idea on how I can resolve these errors?
Thank you.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: mysimplesite on October 31, 2017, 06:30:07 PM
Where do I change the font size in Last Post column? I'd like to make it the same font size as set for text in posts and threads.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: mysimplesite on November 04, 2017, 08:08:53 AM
SMF 2.0.14, php7

How do I add social media share buttons like those displayed on the SMF Community Forum page for this theme?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: mysimplesite on November 04, 2017, 06:02:21 PM
Quote from: mysimplesite on October 31, 2017, 06:30:07 PM
Where do I change the font size in Last Post column? I'd like to make it the same font size as set for text in posts and threads.

Made change in CSS
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: -Rock Lee- on November 22, 2017, 07:39:12 AM
Quote from: mysimplesite on November 04, 2017, 08:08:53 AM
SMF 2.0.14, php7

How do I add social media share buttons like those displayed on the SMF Community Forum page for this theme?

Depends where you want to place there are many addons ready to place them you just need to know some HTML and CSS to leave it to your liking!


Regards!


Quote from: mysimplesite on October 31, 2017, 06:30:07 PM
Where do I change the font size in Last Post column? I'd like to make it the same font size as set for text in posts and threads.

For this you must look in your CSS and with the navigator of elements of the navigator that you use it must be easy to locate it;)


Regards!

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: silber112 on November 26, 2017, 05:07:04 AM
Quote from: tanawat on August 09, 2017, 01:54:40 PM
In iphone when click Login it not respond.
(desktop,android OK)

I have the same issue. On iphone the main Login just works if you are inside a post(display.template.php).

Boarindex.template.php and messageindex.template not..
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Smart Forums on November 26, 2017, 09:29:48 AM
Nice themes  8)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: silber112 on November 29, 2017, 10:36:12 AM
When I close the side menú it redirect me to the index of the forum.

If someone just want to open and close it in board.template or display.template they should be able to stay there
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: kapetanboris on November 30, 2017, 08:03:39 AM
Best theme for me but there is a problem with low resolution displays - sidebar is way too big!

When i click top left button for off menu it shrinks and looks great. But as soon as i click anything else it gets large again!

Is there a possibility for a sidebar to always be small (off menu) with icons instead of text or when you click the off menu icon (top left) that it stays always small and not change when you open any other link, cause it eats space on my low resolution and i dont want to remove it with minimizing my browser window?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jacbier on December 02, 2017, 03:22:50 PM
I'm trying this theme out

There is a problem with the search button
(http://www.wiki-hobbybrouwen.nl/uploads/pics/6846a56de37d6d386cf435a853adcba8.PNG)
There is no magnifying glass but ï €, (is is a dutch forum)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on December 03, 2017, 04:29:00 AM
Hi these codes are you a silly fonticon?

input.search_button {
    background: none;
    background-color: rgb(123, 186, 168);
    float: left;
    height: 35px;
    width: 42px;
    text-align: center;
    line-height: 35px;
    border: 0;
    cursor: pointer;
    color: #FFF;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jacbier on December 03, 2017, 06:02:58 AM
Quote from: gecitli on December 03, 2017, 04:29:00 AM
Hi these codes are you a silly fonticon?

input.search_button {
    background: none;
    background-color: rgb(123, 186, 168);
    float: left;
    height: 35px;
    width: 42px;
    text-align: center;
    line-height: 35px;
    border: 0;
    cursor: pointer;
    color: #FFF;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}


I found the code in \vVide\ css \ web tiryaki.css
It is exactly the same code
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jacbier on December 03, 2017, 07:34:58 AM
Quote from: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.

www.hobbybrouwen.nl

The theme has not yet been made available to members. I'm testing ...
There are also many error messages. These are related to the mod Google Member Map. Probably they will be solved after an update of this mod.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: silber112 on December 03, 2017, 07:36:40 AM
Quote from: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.

Is there a solution for the side bar issue(if I close or open it it re-directs to the index)?  :(
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jacbier on December 03, 2017, 08:15:57 AM
Quote from: jacbier on December 03, 2017, 07:34:58 AM
Quote from: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.
There are also many error messages. These are related to the mod Google Member Map. Probably they will be solved after an update of this mod.

I just updated the mod. There are still many error messages.


It is mainly these two errors

http://www.hobbybrouwen.nl/forum/index.php?action=theme;sa=pick;u=1;c5ad096db=********
8: Undefined variable: prevent_actions
******/forum/Themes/default/languages/GoogleMap.dutch.php (body_above sub template - eval?)
Regel: 415

http://www.hobbybrouwen.nl/forum/index.php?action=theme;sa=pick;u=1;c5ad096db=********
2: in_array() expects parameter 2 to be array, null given
******/forum/Themes/default/languages/GoogleMap.dutch.php (body_above sub template - eval?)
Regel: 415
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on December 03, 2017, 12:39:01 PM
hello the language you are using the problem with the exchange of files.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jacbier on December 03, 2017, 03:26:28 PM
Thanks, the problem with the magnifying glass is solved.


There are still a lot of error messages.
I do not have those if the default theme is used.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on December 04, 2017, 10:01:17 AM
ok no new smf update in theme.js file do not forget to use the latest file do not get error
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jacbier on December 04, 2017, 03:26:13 PM
I have installed the theme modification.

Great job! No error messages anymore.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on December 24, 2017, 10:19:18 AM
i cant see news. where can i find it?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on December 24, 2017, 12:47:44 PM
Quote from: jack001 on December 24, 2017, 10:19:18 AM
i cant see news. where can i find it?

Admin-Configuration-  Current Theme-Show news fader on board index:
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Ian Mc on January 02, 2018, 04:28:59 PM
Really like this theme it's just what I need. I only have one issue that I cannot seem to resolve and am hoping someone can help!

At the top of the slide in menu where the little "teachers hat" logo is, the name of my forum doesn't actually fit as it's too long. Is it possible to remove the name altogether (I'm not bothered about it being there) and also I'd like to change the little logo but can't find it's location. If anyone could help I'd be very grateful.

Thank you.

Quick edit. Have sorted the forum name issue by reducing the font size in the css. If anyone knows how I can edit the logo that would be great !!  ;)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 03, 2018, 11:41:40 AM
adding social media icon at the bottom of the theme to connect. and quick login should also include social connect icon. Is it possible to do changes?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on January 04, 2018, 05:01:04 AM
index.template.php

Find
// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<footer class="main-footer">
<ul class="reset">
<li class="copyright">',theme_copyright(),' | ' , $txt['wt_copyright'], '</li>
<li><a id="button_xhtml" href="http://validator.w3.org/check?uri=referer" target="_blank" class="new_win" title="', $txt['valid_xhtml'], '"><span>', $txt['xhtml'], '</span></a></li>
', !empty($modSettings['xmlnews_enable']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']) ? '<li><a id="button_rss" href="' . $scripturl . '?action=.xml;type=rss" class="new_win"><span>' . $txt['rss'] . '</span></a></li>' : '', '
<li class="last"><a id="button_wap2" href="', $scripturl , '?wap2" class="new_win"><span>', $txt['wap2'], '</span></a></li>
</ul>';

// Show the load time?
if ($context['show_load_time'])
echo '
<p>', $txt['page_created'], $context['load_time'], $txt['seconds_with'], $context['load_queries'], $txt['queries'], '</p>';

echo '</footer>', !empty($settings['forum_width']) ? '
</div>' : '';
}


Replace With
// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<footer class="main-footer">
<ul class="reset col-md-6">
<li class="copyright">',theme_copyright(),' | ' , $txt['wt_copyright'], '</li>
<li><a id="button_xhtml" href="http://validator.w3.org/check?uri=referer" target="_blank" class="new_win" title="', $txt['valid_xhtml'], '"><span>', $txt['xhtml'], '</span></a></li>
', !empty($modSettings['xmlnews_enable']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']) ? '<li><a id="button_rss" href="' . $scripturl . '?action=.xml;type=rss" class="new_win"><span>' . $txt['rss'] . '</span></a></li>' : '', '
<li class="last"><a id="button_wap2" href="', $scripturl , '?wap2" class="new_win"><span>', $txt['wap2'], '</span></a></li>
</ul>
<ul class="quicknav col-md-6">';

if(!empty($settings['st_facebook_username']))
echo '
<li><a class="social_icon facebook" href="https://facebook.com/', $settings['st_facebook_username'] , '" target="_blank"><span class="fa fa-facebook"></span></a></li>';

if(!empty($settings['st_twitter_username']))
echo '
<li><a class="social_icon twitter" href="https://twitter.com/', $settings['st_twitter_username'] , '" target="_blank"><span class="fa fa-twitter"></span></a></li>';

if(!empty($settings['st_youtube_username']))
echo '
<li><a class="social_icon youtube" href="https://youtube.com/user/', $settings['st_youtube_username'] , '" target="_blank"><span class="fa fa-youtube"></span></a></li>';

if(!empty($settings['st_instagram_username']))
echo '
<li><a class="social_icon instagram" href="https://instagram.com/', $settings['st_instagram_username'] , '" target="_blank"><span class="fa fa-instagram"></span></a></li>';

if(!empty($settings['st_gplus_username']))
echo '
<li><a class="social_icon gplus" href="https://plus.google.com/u/0/', $settings['st_gplus_username'] , '" target="_blank"><span class="fa fa-google-plus"></span></a></li>';

echo '
<li><a class="social_icon rss" href="', empty($settings['st_rss_url']) ? '' . $scripturl . '?action=.xml;type=rss' : '' . $settings['st_rss_url'] . '', '" target="_blank"><span class="fa fa-rss"></span></a></li>
</ul>';

// Show the load time?
if ($context['show_load_time'])
echo '
<p>', $txt['page_created'], $context['load_time'], $txt['seconds_with'], $context['load_queries'], $txt['queries'], '</p>';

echo '</footer>', !empty($settings['forum_width']) ? '
</div>' : '';
}

languages-ThemeStrings.english.php

Find
$txt['wt_copyright'] = '<span>Design by <a href="http://webtiryaki.com/" target="_blank">Webtiryaki</a></span>';

Add After
$txt['st_facebook_username'] = 'Facebook username';
$txt['st_twitter_username'] = 'Twitter username';
$txt['st_youtube_username'] = 'Youtube username';
$txt['st_instagram_username'] = 'Instagram username';
$txt['st_gplus_username'] = 'Google Plus username';
$txt['st_rss_url'] = 'RSS URL';
$txt['st_rss_url_desc'] = 'Set the URL for the RSS feed.';
$txt['st_social_desc'] = 'Write the username or the id to show the button';


Settings.template.php

Find
array(
'id' => 'forum_width',
'label' => $txt['forum_width'],
'description' => $txt['forum_width_desc'],
'type' => 'text',
'size' => 8,
),
'',


Add After
array(
'id' => 'st_facebook_username',
'label' => $txt['st_facebook_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_twitter_username',
'label' => $txt['st_twitter_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_youtube_username',
'label' => $txt['st_youtube_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_instagram_username',
'label' => $txt['st_instagram_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_gplus_username',
'label' => $txt['st_gplus_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_rss_url',
'label' => $txt['st_rss_url'],
'description' => $txt['st_rss_url_desc'],
'type' => 'text',
),
'',


index.css

find

.main-footer {
    text-align: center;
}


Replace With
/* The footer wih copyright links etc. */
.main-footer
{
/* text-align: center; */
}


webtiryaki.css

Find
.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
}


Replace With

.main-footer {
    background: #fff;
    padding: 15px;
    min-height: 75px;
    color: #444;
    border-top: 1px solid #d2d6de;
}


index.css
find
.navbar-custom-menu i {
    margin-right: 10px;
}


Add After

.quicknav {

    line-height: 30px;
    text-align: right;
}
.quicknav li {
padding: 0;
list-style: none;
padding: 0 0 0 3px;
display: inline-block !important;
text-align: right;
float: right;
}
.quicknav .social_icon {
display: block;
height: 30px;
width: 30px;
padding: 0;
text-align: center;
line-height: 30px;
border-radius: 100%;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 1px 0 rgba(100,100,100,0.2);
color: #444;
}


Admin-Configuration-  Current Theme- activated
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 07, 2018, 07:23:42 AM
did not work. want to have login using oneall.com social login at quick login.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 14, 2018, 10:12:15 AM
login doesn't show pic. why?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on January 14, 2018, 01:40:32 PM
Give your img folder an default_avatar.png

Themes/vVide/images/default_avatar.png
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 15, 2018, 02:16:34 AM
Quote from: gecitli on January 14, 2018, 01:40:32 PM
Give your img folder an default_avatar.png

Themes/vVide/images/default_avatar.png
ok thanks. it worked. dont know how it got removed.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: assemblytube on January 16, 2018, 08:31:55 AM
The theme is working well for me.
A small problem.
When looking at the memberlist or who is online, the useron.gif does not show up.

Instead the broken image icon appears, as shown in the attached image.

I have checked that useron.gif is in the theme images folder, and it is there.

Any idea why it does not appear correctly?

Thank you
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Biology Forums on January 17, 2018, 09:50:29 PM
I like this
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: assemblytube on January 18, 2018, 08:53:28 AM
Found that the missing online icon was browser dependent.
I had been using Opera.
The icon IS visible in Chrome and Firefox. So mark this problem as solved.

Thank you.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on January 18, 2018, 12:35:53 PM
Quote from: assemblytube on January 16, 2018, 08:31:55 AM
The theme is working well for me.
A small problem.
When looking at the memberlist or who is online, the useron.gif does not show up.

Instead the broken image icon appears, as shown in the attached image.

I have checked that useron.gif is in the theme images folder, and it is there.

Any idea why it does not appear correctly?

Thank you

place it in the Themes/vVide/images folder

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 19, 2018, 05:00:17 AM
how to add social login under pop up login?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 21, 2018, 04:01:23 AM
anyone know how to add icon to quiz?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on January 22, 2018, 06:49:13 AM
tehemes-index.css

Find
.fa-calendar_post_event:before {content: "\f067";}

Add After

.fa-SMFQuiz:before {content:"\f059";}
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 22, 2018, 11:26:57 PM
Quote from: gecitli on January 22, 2018, 06:49:13 AM
tehemes-index.css

Find
.fa-calendar_post_event:before {content: "\f067";}

Add After

.fa-SMFQuiz:before {content:"\f059";}

thanks it worked!
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 25, 2018, 09:27:56 AM
i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

Add after:

      if(LikePosts::$LikePostsUtils->showLikeNotification()) {
         echo '
               <li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
      }


I am trying to change manually but no luck. Can someone guide me what should i do?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on January 25, 2018, 12:44:18 PM
Quote from: jack001 on January 25, 2018, 09:27:56 AM
i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

Add after:

      if(LikePosts::$LikePostsUtils->showLikeNotification()) {
         echo '
               <li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
      }


I am trying to change manually but no luck. Can someone guide me what should i do?

./Themes/wide/index.template.php

Find
<li><a href="', $scripturl, '?action=unreadreplies"><span class="fa fa-comment"></span> ', $txt['unread_replies'], '</a></li>

Add After:

';
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
echo '
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on January 25, 2018, 01:09:44 PM
Quote from: gecitli on January 25, 2018, 12:44:18 PM
Quote from: jack001 on January 25, 2018, 09:27:56 AM
i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

Add after:

      if(LikePosts::$LikePostsUtils->showLikeNotification()) {
         echo '
               <li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
      }


I am trying to change manually but no luck. Can someone guide me what should i do?

./Themes/wide/index.template.php

Find
<li><a href="', $scripturl, '?action=unreadreplies"><span class="fa fa-comment"></span> ', $txt['unread_replies'], '</a></li>

Add After:

';
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
echo '

thanks it worked!!

and how to add like button just like we did on quiz by this
.fa-SMFQuiz:before {content:"\f059";}
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on January 26, 2018, 05:47:33 AM
.fa-like_post_stats:before {content: "\f08a";}
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: RamailoForum.com on January 31, 2018, 11:51:53 AM
Well First up I all I would like to thanks a lot to the author Gecitli for providing such a wonderful responsive theme for us.
Kudos for your effort.

Some errors are expected but you have been very quick and keen in replying to queries and solving many such errors for other users.

Myself went through the discussions here and fixed some stuffs like defaultavatar, noavatar , and useron.gif issues. They are working good now. But there are few issues on my own forum that haven't been discussed here yet. I'm not sure whether it is particular to my case or others are facing the same issue.

1) The menu icon doesn't show the menu but redirects to the index page
2) Site Logo isn't shown properly and hides somewhere behind the hat icon in top left corner in Desktop. Same case in mobile. Also wanted to know what would be the optimal size for the banner. (Was using 1500x120 px banner in default theme and it was working fine, wish to use same here at the top of the page ) and how could you remove the hat icon
3) Same issue is with the site slogan and it isn't shown anywhere (text or image) , also could you set image as site slogan like in default theme

Have installed the theme for few days now and I really like it a lot and truly appreciate your effort. Just these few things bothering me.

I am sure you will provide a solution though.

My website is www(dot)ramailoforum(dot)com - Please do check it and analyze if you may.

Thanks in advance and Regards.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: juliereader on February 01, 2018, 03:55:17 AM
hi there,

thanks for the awesome theme. For me this theme was the decider between phpbb and SMF  ;D

everything is perfect so far.

There is a little issue on mobile site though. The avatar image is not appearing correctly. Take a look

(https://i.imgur.com/9ZYOMER.png)

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 01, 2018, 07:31:30 AM
Hello RamailoForum.com , if you edit the logo, many features will not work but instead create a field like the one shown in the picture,

(https://i.hizliresim.com/bBDkXZ.jpg)

index.template.php

Find:
<section class="content">

Add After:

<div class="top-banner">
<a class="logo_destop" title="' . $context['forum_name'] . '" href="'.$scripturl.'"></a>
<div class="news normaltext hidden-xs hidden-sm">';
// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
<h2>', $txt['news'], ': </h2>
<p>', $context['random_news_line'], '</p>';

echo '
</div>
</div>';


index.css
Find:
/* Styles for print media.

Add Before:

.content-wrapper .top-banner {
    color: #fff;
    padding: 10px;
    height: 100px;
    min-height: 132px;
    margin-bottom: 3px;
    position: relative;
    background-size: cover;
    box-sizing: border-box;
    background-color: #263238;
    -webkit-border-radius: 0.3em 0.3em 0em 0em;
    -moz-border-radius: 0.3em 0.3em 0em 0em;
    -ms-border-radius: 0.3em 0.3em 0em 0em;
    -o-border-radius: 0.3em 0.3em 0em 0em;
    border-radius: 0.3em 0.3em 0em 0em;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.top-banner a {
    display: block;
    float: left;
    background: url(../images/theme/logo.png) no-repeat;
    width: 220px;
    height: 100px;
    margin: 0px 0 0 25px;
}
.news {
    float: right;
    width: 35%;
    margin-top: 19px;
    padding: 10px 20px 10px 10px;
}
.news h2{
    color: #3c8dbc;
}


images-theme- logo.png  Add
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 01, 2018, 07:38:46 AM
Hello juliereader
index.css
Find:
@media (max-width: 991px)
index.css?fin20:3811
.poster .avatar img {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 10px;
    margin-top: -60px;
    border-radius: 50%;
    object-fit: cover;
}


Replace With:

@media (max-width: 991px)
index.css?fin20:3811
.poster .avatar img {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 10px;
    margin-top: -79px;
    border-radius: 50%;
    object-fit: cover;
}
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: RamailoForum.com on February 02, 2018, 12:56:50 PM
Thanks Gecitli for your quick response. I have used SMFAds for Free Forum mod to display site banner that solved the site banner issue... the code modification you have suggested should solve the issue as well for others users including me. I need a help from you to solve the following issues:

1)Can you suggest a way to change the hat icon for something else or mention where is it located.

2)The menu thing is still troubling me. When you click on the menu icon it redirects to the index page. Could you please suggest a solution for it.  Without it, it's still not a real problem on Desktop where you can see sidebar menu on left but you have no option when you login to a mobile and no admin menu is displayed unless you request a desktop site on mobile.

3)Also, could you suggest a easy way to embed a Facebook like button. The Facebook Slide Box mod doesn't seem to be working.

I am using SMF 2.0.15 and my website is ramailoforum.com (same as my username). Feel free to ask if you need any other information.

Thanks in advance and Regards.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: RamailoForum.com on February 02, 2018, 01:05:43 PM
UPDATE:

The menu icon seems to be working fine now on Desktop (Narrows and expands menu) and mobile (shows user menu)

I have no clue why it didn't work earlier.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on February 02, 2018, 09:43:35 PM
installed like mod and showing like notification like this
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jack001 on February 02, 2018, 09:59:25 PM
instead if default profile picture could show, then problem would be solved.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: schoolclubsforum on February 07, 2018, 08:08:29 AM
Really loving the theme. Thank you. I have a question relating to css.
When I view the theme on my iphone the title of a post wraps so that the text only fills half the line.

So for example a post titled
"Promoting Yourself on School Clubs Forum" fills one line on PCs and tablets.

But on a phone it becomes

Promoting Yourself
on School
Clubs Forum

and to the right of this text is a large white space covering about 50% of the view.

I cannot work out what to change in the css to make the title flow across the whole of the screen instead of breaking half way across.
Do you have any tips on how I can fix this please.

Thank you.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 07, 2018, 09:54:02 AM
Hi can you show me the screen image I fully understand the problem.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: schoolclubsforum on February 07, 2018, 10:13:27 AM
Thanks for the quick reply gecitli
Attached is a screen grab of the post's title area when the browser window is reduced to the size of a mobile phone screen.

It looks as though the title "The New Member Welcome PM" should be able to flow into the space on the right, but it wraps a couple of times leaving a lot of white space. This also has the effect of pushing the contents of the post lower down.

When I "inspect" this area in Google Chrome I cannot work out what to alter to make the text flow correctly.

Thank you for your help.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 07, 2018, 12:56:18 PM
Hello 1 question answer here
https://www.simplemachines.org/community/index.php?topic=543941.msg3960345#msg3960345 (https://www.simplemachines.org/community/index.php?topic=543941.msg3960345#msg3960345)
index.css

find
#forumposts h3 img {
    float: left;
    margin: 4px 0.5em 0 0;
}


Replace With

#forumposts h3 img {
    float: left;
    margin: 14px 0.5em 0 0;
}
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: schoolclubsforum on February 08, 2018, 03:29:25 PM
Thanks for the reply gecitli

I looked at the post you referred to and the code you added in the last post. I played around with the index.css file but I could not affect the amount of white space in the title in mobile view. The post's title text stays over on the left half of the screen in mobile view.

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 09, 2018, 02:37:49 AM
Quote from: schoolclubsforum on February 08, 2018, 03:29:25 PM
Thanks for the reply gecitli

I looked at the post you referred to and the code you added in the last post. I played around with the index.css file but I could not affect the amount of white space in the title in mobile view. The post's title text stays over on the left half of the screen in mobile view.



Hello Try this
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: schoolclubsforum on February 09, 2018, 04:42:01 AM
Thank you.
Your update worked perfectly.
The key addition to index.css in line 3794 was

.keyinfo {
    float: left;
    width: 100%;
}

The title text now flows fully across the screen when viewed on mobile.
Thank you so much.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: becometa on February 26, 2018, 04:44:06 AM
gecitli, would this be a problem if I would ask you to check this topic (https://www.simplemachines.org/community/index.php?topic=559059.msg3963384#msg3963384)? I'm having JS problems with vVide theme and looking for an assistance in this matter.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: becometa on March 15, 2018, 06:13:47 AM
Quote from: becometa on February 26, 2018, 04:44:06 AM
gecitli, would this be a problem if I would ask you to check this topic (https://www.simplemachines.org/community/index.php?topic=559059.msg3963384#msg3963384)? I'm having JS problems with vVide theme and looking for an assistance in this matter.

Problems mentioned in above topic are resolved. One of the mods was causing the jQuery conflicts.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: dhrog09 on April 23, 2018, 06:32:47 PM
Is there a way to remove, or change the Teacher's Hat??!! I really like this theme, but the teacher's hat has got to go if I'm going to be able to use it.
I've read through the post and seen a few people ask about it, but not seen a answer that works to remove it.
Thanks
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: dhrog09 on April 23, 2018, 11:10:01 PM
I figured out how to edit and/or remove the teachers hat. so for those interested this is the fix for that.

find the following code in index.template.php:

<header class="main-header">
   <h1 class="logo">
      <a href="', $scripturl, '"><i class="fa fa-graduation-cap"></i>&nbsp;', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe']   . '" alt="' . $context['forum_name'] . '" />', '</a>
   </h1>

Edit or Remove "<i class="fa fa-graduation-cap">
To Edit to an icon of your choice pic one a Font Awesome Icon and change the name to it instead. for example to <i class="fa fa-home"> .
you can find a list of font awesome Icons in a quick google search if needed.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: UFT on May 12, 2018, 02:19:08 AM
Great theme - love it!

Mobile theme works perfect.

On laptop, the left menu, when closed, doesn't stay closed when I click on any link - it opens back up.  Is there a way for the menu to stay closed when I click on the menu button - until I click it to open again?

Thanks!
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: UFT on May 12, 2018, 02:24:10 AM
Okay - I take that back, the mobile theme isn't perfect.  The login button doesn't work.  Not the one on the collapsible menu but the top right login link.  The register button works great.

Thanks!
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: UFT on May 14, 2018, 05:58:06 PM
Has anyone else had an issue with the top login link not working on mobile?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: swerty111 on August 05, 2018, 04:00:19 AM
Mobile theme works perfect.  Good job bro
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: TurtleKicker on February 11, 2019, 10:43:59 AM
Hey, congrats on having the only theme ready for 2.1 RC1

Haven't had much time to play with it yet, but I've found two issues:

1) the board category expand/collapse icons seem broken
2) In the admin backend, some controls are white-on-while and so unreadable (see attached). This isn't just in the "Configuration" section... any admin section with subsections does this (but at least you can still see the names from the expanding pulldown menus off the blue buttons, so it's not a showstopper... the problem buttons are kind of a redundant UI aspect of SMF)

I still need to dive in and see what's involve in changing the logo. Unfortunately the amount of space in the upper-left box seems rather small. :(

Cheers...
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: RML on February 12, 2019, 06:44:16 AM
It would be a great theme but it doesn't look good on phone or tablet. The language dropdown field is floating as you scroll down the page. The links on the sidebar not visible until you touch them (except the first one) beside the links with dropdowns don't work at all (e.g., admin and moderate).

As for the desktop view there is an extra space under the forum with Firefox and Microsoft Edge (see the attched picture) with Opera and Chrome it isn't there though.
It would be much better if the sidebar would remain toggled when you toggle it until you click on the toggle icon again.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 13, 2019, 02:38:01 AM
 Wide_RC1 Update
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: RML on February 13, 2019, 08:31:39 AM
It solved the problem of the admin backend links and the floating language field but not the others, the links on the sidebar still not visible and the dropdowns still not working and there is the space with Firefox.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: TurtleKicker on February 15, 2019, 01:53:58 PM
Quote from: TurtleKicker on February 11, 2019, 10:43:59 AM
1) the board category expand/collapse icons seem broken
2) In the admin backend, some controls are white-on-while and so unreadable (see attached). This isn't just in the "Configuration" section... any admin section with subsections does this (but at least you can still see the names from the expanding pulldown menus off the blue buttons, so it's not a showstopper... the problem buttons are kind of a redundant UI aspect of SMF)
Confirm that with the latest update, #2 above is fixed but #1 remains.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: ExXeL on March 16, 2019, 01:57:51 PM
The News are not appear in Wide Theme.
I have using 2.0.15 SMF version.
Look the picture please.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on March 16, 2019, 04:21:18 PM
Quote from: ExXeL on March 16, 2019, 01:57:51 PM
The News are not appear in Wide Theme.
I have using 2.0.15 SMF version.
Look the picture please.

Admin-Configuration-  Current Theme
Show news fader on board index: activate
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: ExXeL on March 17, 2019, 08:19:13 AM
Hello,

Where Can i change this fa-icon?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on March 17, 2019, 08:49:51 AM
Quote from: ExXeL on March 17, 2019, 08:19:13 AM
Hello,

Where Can i change this fa-icon?

index.template.php

<h1 class="logo">
<a href="', $scripturl, '"><i class="fa fa-graduation-cap"></i>&nbsp;', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
</h1>


<i class="fa fa-graduation-cap"></i>
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: naijacrux on September 01, 2019, 10:36:50 PM
op , hope you are good. i need help with this theme, it doesnt resize url link images, they show very big. how do i fix this
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: lurkalot on September 02, 2019, 02:41:26 AM
Quote from: naijacrux on September 01, 2019, 10:36:50 PM
op , hope you are good. i need help with this theme, it doesnt resize url link images, they show very big. how do i fix this

Have you set a image size in Admin > Features and Options > Layout >>

Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: naijacrux on September 02, 2019, 04:01:48 PM
Quote from: lurkalot on September 02, 2019, 02:41:26 AM
Quote from: naijacrux on September 01, 2019, 10:36:50 PM
op , hope you are good. i need help with this theme, it doesnt resize url link images, they show very big. how do i fix this

Have you set a image size in Admin > Features and Options > Layout >>

Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)



Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)

are both set to disable and i have added several low sizes but didnt resize so i guess the theme only use those settings for image attachments and not url [img] links images. but i installed this mod below and it solved the problem now.maybe op can check the mode and see what was added  and use it to upgrade the theme soon.

https://custom.simplemachines.org/mods/index.php?mod=1769

i still have other issues , the logo png not showing full size of my logo 350 x 120 . my old theme dani shows full size, how do i may the smf logo show actual size . what to change in css file. also i changed from dani to this wide theme because of responsiveness, dani is not fully responsive and doesnt help with google rank.i just started using this theme but i observed its a bit slow and will try it for more days.

i tried boru theme on one of my website and i must give it up for boru for its speed , boru ranked my website within 24hours.the site have not rank before i installed boru. what i dislike about boru is the black theme and also it doesnt open topics accurate. boru is very fast and rank website fast.i will suggest to boru op to change that disgusting black color and make links and topics open normal, until then i will keep trying different themes that are fully responsive and good for seo.i am giving wide theme a trial and i suggest op looks at boru theme and emulate some changes.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: lurkalot on September 02, 2019, 04:24:30 PM
Quote from: naijacrux on September 02, 2019, 04:01:48 PM
Quote from: lurkalot on September 02, 2019, 02:41:26 AM
Quote from: naijacrux on September 01, 2019, 10:36:50 PM
op , hope you are good. i need help with this theme, it doesnt resize url link images, they show very big. how do i fix this

Have you set a image size in Admin > Features and Options > Layout >>

Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)



Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)

are both set to disable and i have added several low sizes but didnt resize so i guess the theme only use those settings for image attachments and not url [img]


Those settings do work for images using image tags.  They won't however change existing images, (images already posted).
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Schizophren1c on September 19, 2019, 09:39:39 AM
Problem whenever i modify thread it gives strange code msg before actual thread im using 2.1 rc
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: kujio on September 24, 2019, 10:41:30 PM
I to am experiencing this, the issue is caused by index.css lines 3600 and 3603 which just puts a bunch of gibberish in the page.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: m4z on September 25, 2019, 04:43:40 AM
Quote from: kujio on September 24, 2019, 10:41:30 PM
I to am experiencing this, the issue is caused by index.css lines 3600 and 3603 which just puts a bunch of gibberish in the page.

@Schizophren1c already reported this in another thread (https://www.simplemachines.org/community/index.php?topic=569727.0).
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: emma301 on September 25, 2019, 06:54:28 AM
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on September 25, 2019, 10:37:19 AM
Theme Updated.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on September 25, 2019, 10:57:28 AM
Quote from: emma301 on September 25, 2019, 06:54:28 AM
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop.

Where do you live the problem

(https://i.imgur.com/jdgcjBD.gif)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: wylekk on December 12, 2019, 03:25:27 AM
Скорость загрузки стандартной темы на PageSpeed Insights выше на 10 единиц чем темы Wide ;)
Тему установил на основной форум, сделана неплохо.

Не работает скроллинг, надо в строке 195 вставить так и все заработает :)
<header class="main-header"; id="top_section">

Забыл написать - форум SMF2.1 RC2
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on December 12, 2019, 07:31:44 AM
Quote from: catyr on December 12, 2019, 03:25:27 AM
Скорость загрузки стандартной темы на PageSpeed Insights выше на 10 единиц чем темы Wide ;)
Тему установил на основной форум, сделана неплохо.

Не работает скроллинг, надо в строке 195 вставить так и все заработает :)
<header class="main-header"; id="top_section">

Забыл написать - форум SMF2.1 RC2

Hello Sorry I don't know your language
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: wylekk on December 12, 2019, 09:05:41 AM
Scrolling does not work, you need to insert in index.template.php in line 195 and everything will work

<header class="main-header"; id="top_section">
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on December 12, 2019, 10:07:27 AM
Hello, what's not working?

(https://i.imgur.com/BnzPLZc.gif)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: wylekk on December 12, 2019, 12:35:33 PM
Button does not work and mod Scrolling Buttons - https://custom.simplemachines.org/mods/index.php?mod=3433

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Shambles on January 05, 2020, 04:12:40 PM
Hi gecitli and thank you for this theme.

I'm experimenting with a few themes recently and thought I'd give vVide a shot.

Not being a graphics person at all, where should my forum logo be appearing?

(https://i.imgur.com/kjFeeXO.jpg)

There are no mods applied to this 2.0.17 installation.

When I inspect the page I can toggle .logo>height to make part of the logo appear but it's not in a position that's useful:

(https://i.imgur.com/8HkFhex.jpg)

Can you offer assistance getting the logo to show please?

As it stands, the logo file is 790px * 150px
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on January 06, 2020, 08:06:39 AM
(https://i.ibb.co/W2ctX8j/screenshot-localhost-2020-01-06-14-03-34.png) (https://ibb.co/1m96Nyj)
Hello  Shambles
index.css
Find:

.main-header .logo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    float: left;
    height: 57px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 230px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}


Replace With:

.main-header .logo {
    float: left;
    text-align: center;
    width: 230px;
    overflow: hidden;
}


Find:

/* Styles for print media.

Add After:

.main-header .logo a img {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: block;
  float: left;
  height: 57px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 230px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;
}


index.template.php
Find:
<a href="', $scripturl, '"><i class="fa fa-graduation-cap"></i>&nbsp;', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
Replace With:
<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Shambles on January 06, 2020, 08:13:24 AM
Thanks, I'll give that a go when I get back from work.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Shambles on January 06, 2020, 12:19:24 PM
The first block to find ".main-header .logo {" didn't exist in the index.css file as posted above, however a cutdown version of it did, which I replaced as instructed.

.main-header .logo {
    float: left;
    text-align: center;
    width: 230px;
    overflow: hidden;
}


I also added the bits you recommended between the comment and the "@media print" section.

/* Styles for print media.
------------------------------------------------------- */
.main-header .logo a img {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: block;
  float: left;
  height: 57px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 230px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;
}
@media print
{
#headerarea
{
display: none;
}

.tborder
{
border: none;
}
}


I also edited the template as instructed.

Whilst better than before, the image is truncated.

(https://i.imgur.com/clJZVUz.jpg)

Here's what the whole image should be:

(https://i.imgur.com/xSFtKTP.jpg)

Thanks for your help.

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Shambles on January 06, 2020, 12:27:41 PM
I played around - quite randomly - with some of the heights and widths and ended up with this, which I'm happy with.

(https://i.imgur.com/A9bmDP6.jpg)

Cheers
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jonat on February 05, 2020, 02:26:05 PM
What is the purpose of the following code in index.css?


.topic_pages::before {
content: " ÂÃ,«";
}
.topic_pages::after {
content: " ÂÃ,»"
}


All it seems to do is corrupt the display of pages in the topic listing. I downloaded the WideRC.zip three times to make sure it wasn't some sort of download issue.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 06, 2020, 02:44:43 AM
Hello, use the attached css file.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jonat on February 06, 2020, 07:37:56 PM
That's all very nice, but why were the garbage characters in the CSS in the first place? Your new CSS is quite different from the one in the ZIP.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Hatshepsut on February 08, 2020, 08:57:50 AM
Quote from: silber112 on December 03, 2017, 07:36:40 AM
Quote from: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.

Is there a solution for the side bar issue(if I close or open it it re-directs to the index)?  :(

Maybe some of installed modifications causes that issue.
In my forum, the problem was resolved after uninstalling 'Auto Tweet embed' mod.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jonat on February 08, 2020, 03:02:55 PM
The bad CSS is in the ZIP file one installs to add the theme.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: m4z on February 08, 2020, 03:54:10 PM
It was a bug in an older version, it should be fixed in the current download.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Hatshepsut on February 10, 2020, 12:06:33 AM
I am using SMF 2.1 RC2. Is it possible to add glyphs to items in main menu, created by mods (Gallery, Contact, Tinyportal etc.)?
Now there is an empty space beside these items  ???

Click => (https://i.postimg.cc/f3v2yjGT/wide-rc2.jpg) (https://postimg.cc/f3v2yjGT)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 10, 2020, 01:35:37 AM
Quote from: Hatshepsut on February 10, 2020, 12:06:33 AM
I am using SMF 2.1 RC2. Is it possible to add glyphs to items in main menu, created by mods (Gallery, Contact, Tinyportal etc.)?
Now there is an empty space beside these items  ???

.fa-forum:before {
    content: "\f298";
}
.fa-tpadmin:before {
    content: "\f781";
}
.fa-gallery:before {
    content: "\f299";
}
.fa-contact:before {
    content: "\f2c1";
}
.fa-hof:before {
    content: "\f209";
}
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Hatshepsut on February 10, 2020, 02:11:26 AM
Thanks, now all items in the main menu have glyphs :)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Hatshepsut on February 17, 2020, 12:43:04 AM
I use Wide_RC2 theme with SMF 2.1 RC2.

How can I remove avatar images from Board index and from Message index too?
I use another mod called 'Avatars Display Integration' (https://custom.simplemachines.org/mods/index.php?mod=4246), and I wish to use its avatar images. Else avatar images are duplicated  ::)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on February 17, 2020, 10:53:24 AM
BoardIndex.template

Find
<p>'.$board['last_post']['member']['avatar']['image'].'', $board['last_post']['last_post_message'], '</p>';

Replace

<p>', $board['last_post']['last_post_message'], '</p>';

MessageIndex.template

Find
'.$board['last_post']['member']['avatar']['image'].' ', $board['last_post']['last_post_message'], '

Replace

', function_exists('template_bi_' . $board['type'] . '_lastpost') ? call_user_func('template_bi_' . $board['type'] . '_lastpost', $board) : template_bi_board_lastpost($board), '

Find
<div class="message_index_title">
'. $topic['first_post']['member']['avatar']['image'].'


Replace

<div class="message_index_title">

Find
<p>'. $topic['last_post']['member']['avatar']['image'].'', sprintf($txt['last_post_topic'], '<a href="' . $topic['last_post']['href'] . '">' . $topic['last_post']['time'] . '</a>', $topic['last_post']['member']['link']), '</p>

Replace
<p>', sprintf($txt['last_post_topic'], '<a href="' . $topic['last_post']['href'] . '">' . $topic['last_post']['time'] . '</a>', $topic['last_post']['member']['link']), '</p>
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Hatshepsut on February 17, 2020, 12:47:13 PM
Thanks :)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Shambles on March 25, 2020, 05:22:56 PM
Been trialling this theme for a while on a customer's site. They like it. I like it.

Odd thing occurs when using Firefox 74, but not on other browser technologies.

The (https://i.imgur.com/kEHdJc1.gif) link does not take the browser to the last unread message within a topic. Research says it may be linked to the order in which the various javascript files are loaded and only seems to affect the Mozilla product.

Any thoughts?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on August 18, 2020, 07:27:55 AM
I've been preparing a new SMF 2.0.17 forum using this theme and, after having done lots of little tweaks to improve its responsiveness with the mods I've installed, I'm just about ready to launch the forum.

However, one issue I do have is that the user-selected display state of the sidebar (ie, expanded or collapsed) is not remembered on non-mobile devices (eg, desktops, laptops, tablets, etc) - if I collapse the sidebar and then click on a link anywhere in the forum (eg, Category name, Board name, Topic title, Unread Posts, etc) the sidebar expands again.

Would it be possible to update the Javascript  for the sidebar and/or the index.template.php file so that if the user has collapsed the sidebar it is only expanded when they click on the expand/collapse button again?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Totosfo on August 19, 2020, 06:10:47 PM
Hi all,

great Theme, I really like it and will surely replace the outdated one I'm currently using.

However, I still have one problem which I cannot resolve - the small icons on the sidebar (minimized and maxized) are missing. I assume this is a problem with the symbol font which seems not to have loaded.

Strange enough, in the main forum section below postings (buttons reply, notify, etc.) they show up.

Any ideas? Thank you for your help!
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on August 20, 2020, 03:05:27 AM
Quote from: Totosfo on August 19, 2020, 06:10:47 PM
Hi all,

great Theme, I really like it and will surely replace the outdated one I'm currently using.

However, I still have one problem which I cannot resolve - the small icons on the sidebar (minimized and maxized) are missing. I assume this is a problem with the symbol font which seems not to have loaded.

Strange enough, in the main forum section below postings (buttons reply, notify, etc.) they show up.

Any ideas? Thank you for your help!

Hello, is there a fonts file in themes folder?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Totosfo on August 20, 2020, 04:29:48 AM
Hi gecitli,

yes, the folder is here:


4856449    4 drwxr-xr-x   2 u2808251 apache       4096 Aug 19 23:34 ./fonts
4856453   96 -rw-rw-rw-   1 u2808251 apache      98024 Aug 19 23:34 ./fonts/fontawesome-webfont.woff
4856451  436 -rw-rw-rw-   1 u2808251 apache     444379 Aug 19 23:34 ./fonts/fontawesome-webfont.svg
4856457  108 -rw-rw-rw-   1 u2808251 apache     108738 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.svg
4856455  132 -rw-rw-rw-   1 u2808251 apache     134808 Aug 19 23:34 ./fonts/FontAwesome.otf
4856456   20 -rw-rw-rw-   1 u2808251 apache      20127 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.eot
4856454   76 -rw-rw-rw-   1 u2808251 apache      77160 Aug 19 23:34 ./fonts/fontawesome-webfont.woff2
4856459   24 -rw-rw-rw-   1 u2808251 apache      23424 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.woff
4856450  164 -rw-rw-rw-   1 u2808251 apache     165742 Aug 19 23:34 ./fonts/fontawesome-webfont.eot
4856452  164 -rw-rw-rw-   1 u2808251 apache     165548 Aug 19 23:34 ./fonts/fontawesome-webfont.ttf
4856458   48 -rw-rw-rw-   1 u2808251 apache      45404 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.ttf
4856460   20 -rw-rw-rw-   1 u2808251 apache      18028 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.woff2
[[email protected] vVide]$


Access rights for the fonts folder are set to 755, so should be fine.

In order to compare I installed it on my live server as well - same problem. Maybe it is a http / https issue. I once had the problem when http references were made that they didn't work as I enforce the use of https.

Thanks again for your help!

Thomas
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on August 20, 2020, 05:11:48 AM
Quote from: Totosfo on August 20, 2020, 04:29:48 AM
Access rights for the fonts folder are set to 755, so should be fine.
Have you tried changing the file permissions for the files in the fonts folder/directory to 644?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on August 20, 2020, 05:21:24 AM
Quote from: Totosfo on August 20, 2020, 04:29:48 AM
Hi gecitli,

yes, the folder is here:


4856449    4 drwxr-xr-x   2 u2808251 apache       4096 Aug 19 23:34 ./fonts
4856453   96 -rw-rw-rw-   1 u2808251 apache      98024 Aug 19 23:34 ./fonts/fontawesome-webfont.woff
4856451  436 -rw-rw-rw-   1 u2808251 apache     444379 Aug 19 23:34 ./fonts/fontawesome-webfont.svg
4856457  108 -rw-rw-rw-   1 u2808251 apache     108738 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.svg
4856455  132 -rw-rw-rw-   1 u2808251 apache     134808 Aug 19 23:34 ./fonts/FontAwesome.otf
4856456   20 -rw-rw-rw-   1 u2808251 apache      20127 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.eot
4856454   76 -rw-rw-rw-   1 u2808251 apache      77160 Aug 19 23:34 ./fonts/fontawesome-webfont.woff2
4856459   24 -rw-rw-rw-   1 u2808251 apache      23424 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.woff
4856450  164 -rw-rw-rw-   1 u2808251 apache     165742 Aug 19 23:34 ./fonts/fontawesome-webfont.eot
4856452  164 -rw-rw-rw-   1 u2808251 apache     165548 Aug 19 23:34 ./fonts/fontawesome-webfont.ttf
4856458   48 -rw-rw-rw-   1 u2808251 apache      45404 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.ttf
4856460   20 -rw-rw-rw-   1 u2808251 apache      18028 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.woff2
[[email protected] vVide]$


Access rights for the fonts folder are set to 755, so should be fine.

In order to compare I installed it on my live server as well - same problem. Maybe it is a http / https issue. I once had the problem when http references were made that they didn't work as I enforce the use of https.

Thanks again for your help!

Thomas

Hi Thomas it's definitely a https problem
Download and repair here repair_settings (https://download.simplemachines.org/index.php?tools)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on August 20, 2020, 05:26:23 AM
Quote from: GL700Wing on August 18, 2020, 07:27:55 AM
I've been preparing a new SMF 2.0.17 forum using this theme and, after having done lots of little tweaks to improve its responsiveness with the mods I've installed, I'm just about ready to launch the forum.

However, one issue I do have is that the user-selected display state of the sidebar (ie, expanded or collapsed) is not remembered on non-mobile devices (eg, desktops, laptops, tablets, etc) - if I collapse the sidebar and then click on a link anywhere in the forum (eg, Category name, Board name, Topic title, Unread Posts, etc) the sidebar expands again.

Would it be possible to update the Javascript  for the sidebar and/or the index.template.php file so that if the user has collapsed the sidebar it is only expanded when they click on the expand/collapse button again?

Hello, a new base js needs to be written for this.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on August 20, 2020, 07:34:20 AM
Quote from: gecitli on August 20, 2020, 05:26:23 AM
Quote from: GL700Wing on August 18, 2020, 07:27:55 AM
I've been preparing a new SMF 2.0.17 forum using this theme and, after having done lots of little tweaks to improve its responsiveness with the mods I've installed, I'm just about ready to launch the forum.

However, one issue I do have is that the user-selected display state of the sidebar (ie, expanded or collapsed) is not remembered on non-mobile devices (eg, desktops, laptops, tablets, etc) - if I collapse the sidebar and then click on a link anywhere in the forum (eg, Category name, Board name, Topic title, Unread Posts, etc) the sidebar expands again.

Would it be possible to update the Javascript  for the sidebar and/or the index.template.php file so that if the user has collapsed the sidebar it is only expanded when they click on the expand/collapse button again?

Hello, a new base js needs to be written for this.
Thanks.

I've decided to add 'sidebar-collapse' class to the <body> tag in index.template.php so that sidebar is collapsed by default - for me this is preferable to having it expanding automatically.

./Themes/vVide/index.template.php
Find:
<body class="hold-transition skin-blue sidebar-mini">';
Replace With:
<body class="hold-transition skin-blue sidebar-mini sidebar-collapse">';
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Totosfo on August 20, 2020, 11:09:23 AM
Hello gecitli, GL700Wing,

thank you for your help and advice.

@GL700Wing: I switched the folder rights to 644, but as expected it didn't help. Based on my past experience, 755 is somehow standard for directories which are only used by a service / daemon like http

@gecitli:

I know that some graphics are missing when calling the forum via http instead of https, but that's fine. After the first click you are redirected to https as this is specified as forum url and everywhere else in the settings. I did run repair_settings.php and confirmed that all URLs are pointing to https and not http.

I even amended font-awesome.min.css and bootsrap.css and replaced the relative paths with the full URL (https://....) which didn't help.

The (Font-)Icons at the end are showing up fine, same for the magnifying glass etc. I know that some gifs ("new") are missing but these just need to be copied over.

I even cleared my .htaccess to make sure that the NiceUrl-Mod doesn't interfere at this point by rewriting the font url by mistake, but this didn't help also.

Really confusing...

As a last resort I could just install SMF and the template to one of my dev servers not using https, but I'm afraid this won't help me finding the error related to https here.

Thanks,

Thomas

EDIT: the magnifying glass is being shown - isn't that also a part of the font?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on August 20, 2020, 01:37:55 PM
hello can you give me the link where the theme is installed

QuoteEDIT: the magnifying glass is being shown - isn't that also a part of the font?

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


font-family: 'Glyphicons Halflings';

we tested the theme http https works fine something else? preventing

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Totosfo on August 20, 2020, 01:56:12 PM
Hi gectitli,

my test env is secured, but I installed a working copy on prod - https://forum.usa-reise.de

Please register, I'll then confirm your user and then you can change your Theme to usar-vVide (I added the prefix to distinguish from the untouched version from your package).

Don't get confused by the fact that the last post avatars are shown twice - our standard theme couldn't display these by default that's why I had to add a mod. I'll remove it as soon your theme goes finally live.

Paths are o.k. so far, see attachment.

Thanks,

Thomas
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on August 20, 2020, 06:23:43 PM
Quote from: Totosfo on August 20, 2020, 11:09:23 AM
@GL700Wing: I switched the folder rights to 644, but as expected it didn't help. Based on my past experience, 755 is somehow standard for directories which are only used by a service / daemon like http
My suggestion was to change the file rights to 644 - not the folder rights.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Totosfo on August 21, 2020, 01:59:27 AM
Good morning,

Quote from: GL700Wing on August 20, 2020, 06:23:43 PM
My suggestion was to change the file rights to 644 - not the folder rights.

Sorry misunderstanding. Changed it from 666 to 644 now - makes more sense anyway as font files don't need to be writeable. However didn't fix the problem unfortunately.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: gecitli on August 21, 2020, 02:47:48 AM
Hello. Thomas Problem pictorial explanation index.template this code

<li id="button_', $act, '" class="button_', $act, (!empty($button['sub_buttons']) ? ' dropdown' : ''), ($button['active_button'] ? ' active' : ''), '">
<a ', (!empty($button['sub_buttons']) ? ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"' : ''), ' href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<i class="fa fa-',$act,'"></i>&nbsp;
<span>', $button['title'], '</span>', !empty($button['sub_buttons']) ? ' ' :'', '
<span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>


<i class="fa fa-',$act,'"></i>&nbsp;

If you haven't changed, the link mod you use does this Pretty URLs.vs
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Totosfo on August 21, 2020, 03:25:41 AM
Hi gectili,

thank you for the analysis.

I already suspected that the pretty links mod has something to do with this, that's why I clreared the .htaccess (containing the rewrites) in my test env completely but this didn't help.

I'll remove it now in my test env via the admin menu in order to get rid of all code changes and will see what happens.

If this does the trick, I either have to found an alternative to pretty urls (which hopefully creates a similiar output else all internal links in the posts will be messed up) or find a way to get around it. I really like this theme.

But maybe I should ask my VIP users first what they think before starting to work on it.

Thank you so much for your help and support gecitli, I really appreciate that.  :)
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: ginzhul on September 20, 2020, 10:41:56 AM
Всем привет. Подскажите подробнее как и где изменить ссылки главного бокового меню + ещё хотелось бы добавить свои пункты к меню и значки Font Awesome?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Recursos on September 22, 2020, 12:09:19 PM
This theme is what I was looking for, many thanks gecitli.

But I am having trouble installing it (newbie).
Created a new sub-domain, installed SMF.
The newly created forum works OK.
Installed Wide RC2.
Now I receive the error "Page isn't working etc. HTTP ERROR 500"
Run repair_settings.php, set SMF Default theme as overall forum default, the page is back to life.

How can I find what I am doing wrong?
Where should I look?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: webtiryaki on September 22, 2020, 01:03:14 PM
Hello, you installed my attached package? So it shouldn't be a problem
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Recursos on September 22, 2020, 01:41:03 PM
Hello webtiryaki.
I don't get it - isn't this the same Wide_RC2.zip from gecitli??
which I downloaded from the original SMF theme site:
https://custom.simplemachines.org/themes/index.php?lemma=2837

When installing a theme fails, where should I look?
Thanks,
Title: Re: Wide A Responsive Theme for SMF 2.0.11 - not installing
Post by: Recursos on September 23, 2020, 07:00:36 AM
Restating my problem:
Installed SMF 2.0.17
The newly created forum opens OK
Error log shows always this error ("General"):

8: Trying to access array offset on value of type null
File: /home/vol15_6/epizy.com/epiz_25029984/fdl.rf.gd/htdocs/Sources/Load.php
Line: 168

Although each access generates this error, the page works OK
Downloaded Wide_RC2 from the original SMF theme site:
https://custom.simplemachines.org/themes/index.php?lemma=2837

Go to Admin CP and installed Wide
The forum fails to re-open, error "Page isn't working etc. HTTP ERROR 500"

Run repair_settings.php, set SMF Default theme as overall forum default, the forum is back to life.
Login as Admin, now the error log shows a new error ("Critical):

http://fdl.rf.gd/index.php?action=admin;area=theme;b31100c=634c526e37d49c2fececa3c2cf6dd2fa;sa=admin
Call to undefined function loadCSSFile()


So I guess this points to the cause of the forum crashing when Wide is the default Theme.
What can I do about this?

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Shambles on September 23, 2020, 08:51:32 AM
Quote from: Recursos
Installed SMF 2.0.17

Which of these did you download? For 2.0.17 you would get the vVide.zip

(https://i.imgur.com/0n3TDvp.jpg)
Title: [SOLVED] Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Recursos on September 23, 2020, 12:48:53 PM
Thanks, Shambles
vVide works OK with SMF 2.0.17
Rec
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on October 12, 2020, 08:15:41 AM
I have this theme installed on an SMF 2.0.17 forum and while investigating a JavaScript issue and I noticed the following error message in the console:
Uncaught TypeError: $.webtiryaki is undefined
    <anonymous> https://my.domain.com/forum/Themes/vVide/scripts/app.js?fin20:133


which refers to the following line of code:
var o = $.webtiryaki.options;

Is this something I need to be concerned about and/or how can I fix this issue?
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on October 13, 2020, 06:21:41 PM
Quote from: GL700Wing on October 12, 2020, 08:15:41 AM
I have this theme installed on an SMF 2.0.17 forum and while investigating a JavaScript issue and I noticed the following error message in the console:
Uncaught TypeError: $.webtiryaki is undefined
    <anonymous> https://my.domain.com/forum/Themes/vVide/scripts/app.js?fin20:133


which refers to the following line of code:
var o = $.webtiryaki.options;

Is this something I need to be concerned about and/or how can I fix this issue?
I managed to resolve this issue by clearing the cache - strange thing is I have never edited this JS file so I don't why the error was being reported.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on October 22, 2020, 07:23:40 AM
Quote from: gecitli on August 20, 2020, 05:26:23 AM
Quote from: GL700Wing on August 18, 2020, 07:27:55 AM
I've been preparing a new SMF 2.0.17 forum using this theme and, after having done lots of little tweaks to improve its responsiveness with the mods I've installed, I'm just about ready to launch the forum.

However, one issue I do have is that the user-selected display state of the sidebar (ie, expanded or collapsed) is not remembered on non-mobile devices (eg, desktops, laptops, tablets, etc) - if I collapse the sidebar and then click on a link anywhere in the forum (eg, Category name, Board name, Topic title, Unread Posts, etc) the sidebar expands again.

Would it be possible to update the Javascript  for the sidebar and/or the index.template.php file so that if the user has collapsed the sidebar it is only expanded when they click on the expand/collapse button again?

Hello, a new base js needs to be written for this.
Last week I discovered an SMF 2.0.17 forum using this theme (https://forum1.pvxplus.com/index.php) where the sidebar toggle state is remembered on both non-mobile devices and mobile devices and by using a web inspector I worked out that the toggle state was being managed via a cookie.

By updating ./Themes/vVide/scripts/app.js to create/remove a cookie for the sidebar push menu and also updating ./Themes/vVide/index.template.php to check for the cookie I now have the user-selected display state of the sidebar (ie, expanded or collapsed) being remembered on both mobile and non-mobile devices (eg, desktops, laptops, tablets, etc).


./Themes/vVide/scripts/app.js
Find:
//Enable sidebar push menu
if ($(window).width() > (screenSizes.sm - 1)) {
  if ($("body").hasClass('sidebar-collapse')) {
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
  } else {
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
  }
}

Replace With:
//Enable sidebar push menu
if ($(window).width() > (screenSizes.sm - 1)) {
  if ($("body").hasClass('sidebar-collapse')) {
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
document.cookie = "sidebar_collapse=; path=/; secure=true; expires=Thu, 01 Jan 1970 00:00:00 GMT;";
  } else {
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
document.cookie = "sidebar_collapse=true; path=/; secure=true;";
  }
}


Note: Do not use the 'secure=true;' flag for or non-HTTPS websites.


./Themes/vVide/index.template.php
Find:
<body class="hold-transition skin-blue sidebar-mini">';
Replace With:
<body class="hold-transition skin-blue sidebar-mini' . (!empty($_COOKIE['sidebar_collapse']) ? ' sidebar-collapse' : '') . '">';
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: wylekk on February 15, 2021, 04:52:58 AM
I have SMF21rc3 and theme Wide_RC3  ;)

Changes such for cookies

левая панель с памятью

Themes\Wide_RC3\scripts\theme.js

Find
        //Enable sidebar push menu
        if ($(window).width() > (screenSizes.sm - 1)) {
          if ($("body").hasClass('sidebar-collapse')) {
            $("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
          } else {
            $("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
          }
        }

Replace
        //Enable sidebar push menu
if ($(window).width() > (screenSizes.sm - 1)) {
  if ($("body").hasClass('sidebar-collapse')) {
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
document.cookie = "sidebar_collapse=; path=/; secure=true; expires=Thu, 01 Jan 1970 00:00:00 GMT;";
  } else {
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
document.cookie = "sidebar_collapse=true; path=/; secure=true;";
  }
}
      

Themes\Wide_RC3\index.template.php

Find
<body id="', $context['browser_body_id'], '" class="skin-blue sidebar-mini action_',
Replace
<body id="', $context['browser_body_id'], '" class="skin-blue sidebar-mini ' . (!empty($_COOKIE['sidebar_collapse']) ? ' sidebar-collapse' : '') . ' action_',
-----------------------
индикатор ошибок лога в админке

Log error indicator in the admin panel

Themes\Wide_RC3\index.template.php

Find
<a class="dropdown-item" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>', $button['title'], '</a>

Replace
<a class="dropdown-item" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>', $button['title'], !empty($button['amt']) ? ' <span class="amt">' . $button['amt'] . '</span>' : '', '</span></a>

-----------------------
кнопки в персональных сообщениях (взято из стандартного шаблона index.template.php)

Buttons in personal messages (taken from the standard index.template.php template)

Themes\Wide_RC3\index.template.php

Find
* The upper part of the maintenance warning box

Replace
* Generate a list of quickbuttons.
*
* @param array $list_items An array with info for displaying the strip
* @param string $list_class Used for integration hooks and as a class name
* @param string $output_method The output method. If 'echo', simply displays the buttons, otherwise returns the HTML for them
* @return void|string Returns nothing unless output_method is something other than 'echo'
*/
function template_quickbuttons($list_items, $list_class = null, $output_method = 'echo')
{
global $txt;

// Enable manipulation with hooks
if (!empty($list_class))
call_integration_hook('integrate_' . $list_class . '_quickbuttons', array(&$list_items));

// Make sure the list has at least one shown item
foreach ($list_items as $key => $li)
{
// Is there a sublist, and does it have any shown items
if ($key == 'more')
{
foreach ($li as $subkey => $subli)
if (isset($subli['show']) && !$subli['show'])
unset($list_items[$key][$subkey]);

if (empty($list_items[$key]))
unset($list_items[$key]);
}
// A normal list item
elseif (isset($li['show']) && !$li['show'])
unset($list_items[$key]);
}

// Now check if there are any items left
if (empty($list_items))
return;

// Print the quickbuttons
$output = '
<ul class="quickbuttons' . (!empty($list_class) ? ' quickbuttons_' . $list_class : '') . '">';

// This is used for a list item or a sublist item
$list_item_format = function($li)
{
$html = '
<li' . (!empty($li['class']) ? ' class="' . $li['class'] . '"' : '') . (!empty($li['id']) ? ' id="' . $li['id'] . '"' : '') . (!empty($li['custom']) ? $li['custom'] : '') . '>';

if (isset($li['content']))
$html .= $li['content'];
else
$html .= '
<a' . (!empty($li['href']) ? ' href="' . $li['href'] . '"' : '') . (!empty($li['javascript']) ? $li['javascript'] : '') . '>
' . (!empty($li['icon']) ? '<span class="main_icons ' . $li['icon'] . '"></span>' : '') . (!empty($li['label']) ? $li['label'] : '') . '
</a>';

$html .= '
</li>';

return $html;
};

foreach ($list_items as $key => $li)
{
// Handle the sublist
if ($key == 'more')
{
$output .= '
<li class="post_options">' . $txt['post_options'] . '
<ul>';

foreach ($li as $subli)
$output .= $list_item_format($subli);

$output .= '
</ul>
</li>';
}
// Ordinary list item
else
$output .= $list_item_format($li);
}

$output .= '
</ul><!-- .quickbuttons -->';

// There are a few spots where the result needs to be returned
if ($output_method == 'echo')
echo $output;
else
return $output;
}

/**
* The upper part of the maintenance warning box
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: TurtleKicker on May 24, 2021, 10:18:06 PM
I've had my eye on this theme for a while now. I really like its different take on layout, with the dynamic menu column along the left side instead of the top. This makes far better use of widescreen space than a fixed-width layout with wasted whitespace on the left and right.

My big holdup is the logo. I see plenty of varied manual hacks but nothing smooth and seamless. And no matter what, the size of the logo is extremely limited, restricted to an abnormally tiny corner in the upper-left. I'm not sure what the solution is, but some sort of layout tweak to allow "normal" sized banner logos, simply set in "Logo image URL:" under Theme Options, and where setting a logo URL replaces the teacher's hat would be the final tweak that nails it.  I really don't want to have to keep manually re-hacking the theme after each update... the mechanisms are in SMF for setting the URL and with most themes, setting one REPLACES whatever default image was there.

My current banner logo is 486x100
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on May 25, 2021, 04:22:02 AM
Here's a link to the forum I use this theme on - I some time tweaking it to suit the needs of the user community and I'm really happy with the result - especially on mobile devices.

Ultimate Campers Owners Forum (https://ulti-owners.info/forum/)


[fixed url dyslexia :D ulr instead of url ~ Shadav]
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Totosfo on February 06, 2022, 06:25:09 PM
Hi GL700Wing,

I plan to use this theme as well and am still running into trouble regarding the small icons in front of the menu items on the side (Register, Login, Calendar, ...) - see my previous posts in this thread many weeks ago.

I had a look at your forum and noticed that you have defined e.g. as "button_register", however I couldn't find this reference in the css the page loads.

Could you let me know where (or how) this is defined? The template works fine for me so far, I even have the hat (plain install) in the upper left corner however am missing all the other small icons.

Looks to me that these really need to be defined somewhere additionally.

Thank you for your help!
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jacbier on February 07, 2022, 06:22:52 AM
I really like this theme. That's why I reinstalled it on the Hobbybrewing.nl forum. Members have the option of choosing a theme. I had the theme Vvide installed as the default theme but members can't see the Unread Replies, Read Replies And logout button. As an administrator of the site, I do see this button. Members only see a dot.
I have no idea how to solve this. I have read the entire topic. Did I miss anything?

Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: jacbier on February 14, 2022, 03:35:50 PM
Quote from: jacbier on February 07, 2022, 06:22:52 AMI really like this theme. That's why I reinstalled it on the Hobbybrewing.nl forum.


Must be www.hobbybrouwen.nl
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: emilot on February 14, 2022, 03:58:08 PM
Hello and Thank you for this wonderful theme.

I have an issue with a js error:

Uncaught TypeError: $(...).tooltip is not a function

and when i am at the admin page (any of them) i cannot close the small menu window (something about -> java(void) error)

i am using 2.1 file for 2.1 SMF board.

Thank you
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: Diego Andrés on February 14, 2022, 05:10:14 PM
Quote from: emilot on February 14, 2022, 03:58:08 PMand when i am at the admin page (any of them) i cannot close the small menu window (something about -> java(void) error)
It's a known issue for themes that aren't updated for SMF 2.1.x, RC4 and below and likely to have issues.
Title: Re: Wide A Responsive Theme for SMF 2.0.11
Post by: GL700Wing on February 15, 2022, 07:15:02 AM
Quote from: Totosfo on February 06, 2022, 06:25:09 PMHi GL700Wing,

I plan to use this theme as well and am still running into trouble regarding the small icons in front of the menu items on the side (Register, Login, Calendar, ...) - see my previous posts in this thread many weeks ago.

I had a look at your forum and noticed that you have defined e.g. as "button_register", however I couldn't find this reference in the css the page loads.

Could you let me know where (or how) this is defined? The template works fine for me so far, I even have the hat (plain install) in the upper left corner however am missing all the other small icons.

Looks to me that these really need to be defined somewhere additionally.

Thank you for your help!
@Totosfo - Apologies for the delayed response but I am currently away on holidays (https://www.simplemachines.org/community/index.php?msg=4110522) and I don't have access to the computer and tools I'd normally use to look into this (I love my iPad but not for coding/debugging ...).  That said I've had a quick look and can see that I made the change you're looking for in the theme's index.template.php file (you'll see that I've added the class fa-xl - this loads a larger icon).

From:
        echo '
                <li id="button_', $act, '" class="button_', $act, (!empty($button['sub_buttons']) ? ' dropdown' : ''), ($button['active_button'] ? ' active' : ''), '">
                    <a ', (!empty($button['sub_buttons']) ? ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"' : ''), ' href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
                                        <i class="fa fa-',$act,'"></i>&nbsp;
                        <span>', $button['title'], '</span>', !empty($button['sub_buttons']) ? ' ' :'', '
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>';

To:
        echo '
                <li id="button_', $act, '" style="padding-right: 1px;" class="button_', $act, (!empty($button['sub_buttons']) ? ' dropdown' : ''), ($button['active_button'] ? ' active' : ''), '">
                    <a ', (!empty($button['sub_buttons']) ? ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"' : ''), ' href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
                        <i class="fa fa-',$act,' fa-xl" style="vertical-align:middle; margin-right:10px;"></i>
                        <span style="vertical-align:middle;">', $button['title'], '</span>', !empty($button['sub_buttons']) ? ' ' : '', '
                        <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>';


There may also be some associated CSS changes but I don't have the time or tools to confirm this so I'm also attaching the custom CSS file I'm using with this theme - if you want to use it you'll need to copy it to the theme's css folder/directory and also load in index.template.php file after all the other CSS files are loaded.
Title: Re: Wide A Responsive Theme
Post by: pepecyb on March 04, 2022, 06:54:58 AM
I was pleased to see that Wide is now also available for version 2.1 and 2.1.1.

I have installed it and the " well-known" bug of the RC4 themes has indeed been eliminated.

Unfortunately, however, the theme is now totally unusable for me. A blank page appears for both "New topic" and "Reply". The editor apparently cannot be displayed. However, this cannot be a fundamental problem, because the editor is displayed correctly under posts for the quick reply.

What might be the reason for this? Is this a bug and is it already known?
Title: Re: Wide A Responsive Theme
Post by: gecitli on March 05, 2022, 03:32:03 AM
Quote from: pepecyb on March 04, 2022, 06:54:58 AMI was pleased to see that Wide is now also available for version 2.1 and 2.1.1.

I have installed it and the " well-known" bug of the RC4 themes has indeed been eliminated.

Unfortunately, however, the theme is now totally unusable for me. A blank page appears for both "New topic" and "Reply". The editor apparently cannot be displayed. However, this cannot be a fundamental problem, because the editor is displayed correctly under posts for the quick reply.

What might be the reason for this? Is this a bug and is it already known?

Theme Updated Smf 2.1
Title: Re: Wide A Responsive Theme
Post by: pepecyb on March 05, 2022, 04:34:04 AM
Thank you, it works now. Now I can use my favourite theme again. :-)
Title: Re: Wide A Responsive Theme
Post by: FrizzleFried on March 05, 2022, 10:51:12 AM
Hello... I am trying to add my sites logo...

I am getting this result ...

(the little red part of my hat logo is peeking out).

ScreenHunter 270.jpg
Title: Re: Wide A Responsive Theme
Post by: Hanzo on March 29, 2022, 09:12:15 AM
Something broken in "responsive.css"
.user_info li::before {
        content:
The "dot" symbol there giving error sign. Only in "phone" view/size.
See attached picture.

I've replaced it by HEX UTF8 value, working as expected.
https://www.w3schools.com/charsets/ref_utf_geometric.asp
Title: Re: Wide A Responsive Theme
Post by: mightygiants on June 11, 2022, 05:42:45 PM
I have an area on the forum where there is a loading circle that just goes round and round, any ideas?

(https://i.imgur.com/XIjyx7W.png)

Bonus if someone can tell me what that broken image at the top left is

I just did an upgrade to 2.1.2 from 2.0.19 and changed to this theme because my old theme was unavailable This forum is old and has been upgraded a few time
Title: Re: Wide A Responsive Theme
Post by: emilot on June 17, 2022, 10:17:20 AM
Hello,

Can i add to Login form, more options about the time that cookie will be stay "active".

now it has only 1 Hour, 1 Day, etc...

I need to add, as extra options, 2Hours, 3Hours...

Is it possible?

thank you